开发日志:freemark微信网站架构思路

2024-03-04 23:00

本文主要是介绍开发日志:freemark微信网站架构思路,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

之前写了一个微信网站,微信网站因为是从纯html改编过来的(hybrid app遗留问题)。很多数据都是通过ajax获取,并通过模板机制进行渲染。后来为了尝试新的结构,自主研发了一个router机制,做成了SPA模式。再后来,项目越写越庞大,模块页面多达四五十个,SPA越来越麻烦,越来越庞大。所以打算再写一个多页面的版本。这里打算用freemark来写,这样我的页面也不需要大动,通过java读取我原来的html,在此基础上来附加一些freemark标签,并统一java平台的session来管理原来写得很恶心的浏览器sessionStorage和localStorage。

我需要解决哪些问题呢?

1、域名

这个不是很难,但是我要写在第一个,因为这个是基础工作。微信系统是基于域名的,所以我需要配置一个域名来对应我的系统进行解析。例如:wwww.yzyt.com/home_index.page作为首页地址跳转。

2、页面路径的翻译

原本的页面路径,是具有层级的,比如YZYTWX/view/home/index.html这样的地址。如果变成freemark,可能就变成了home_index.do这样的地址,而最重要的是freeMark的接口我不可能写home_index.do、home_home.do等等多个地址,只能用一个来进行跳转。我需要用参数来区别吗?还是说专门的后缀,例如home_index.page,转发到专门的类和地址上,然后用来区分?我看这个方案可以,刚好我可以做一个新的拦截器。

3、拦截器和session

如果按照上述的方法,这个拦截器就比较好做了,统一某种后缀到指定的拦截器。然后读取里面的session,如果有session,就转发到对应的control上去,否则就跳转到微信的登陆界面,让他微信登陆或者是账号密码登陆,这样才可以使用我们的系统。
session里面就专门用来存储配置,比如说客户端版本配置appConfig,用户信息loginUser,微信初始化基础信息wxConfig、客户端阅读资料等等。

4、相对跳转地址

原本的方法中,各个地址之间采用相对路径进行跳转,当然也统一方法localService.openWindow()这个方法可以用来改造。那么假设原本的SPA模式采用了openWindow()的方法改造地址完成,配置一个mapConfig将支持freemark方式的页面统统转换成为home_index.page这种地址,然后非SPA模式下面的页面,可以继续采用html方式进行访问,当然也可以采用修改跳转地址的方式继续。

5、配置问题

以往的配置是写死一个json在app.js里面,可否根据不同的配置让客户端读取不同的config.json作为客户端配置,这样就可以避免大量的数据冗余,同时,我也可以把数据字典值之类的东西写成json配置文件,这样就可以大量减少读取数据库的频率。

6、SPA页面的改造

这部分没有太多的难度,把以往的一些引用都写回来,如果是一些公共引用的文件,就用freemark统一引用进去。鉴于浏览器缓存,这些文件加载一次之后应该会非常快的。

这篇关于开发日志:freemark微信网站架构思路的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/774620

相关文章

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

Spring Boot整合log4j2日志配置的详细教程

《SpringBoot整合log4j2日志配置的详细教程》:本文主要介绍SpringBoot项目中整合Log4j2日志框架的步骤和配置,包括常用日志框架的比较、配置参数介绍、Log4j2配置详解... 目录前言一、常用日志框架二、配置参数介绍1. 日志级别2. 输出形式3. 日志格式3.1 PatternL

nginx部署https网站的实现步骤(亲测)

《nginx部署https网站的实现步骤(亲测)》本文详细介绍了使用Nginx在保持与http服务兼容的情况下部署HTTPS,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录步骤 1:安装 Nginx步骤 2:获取 SSL 证书步骤 3:手动配置 Nginx步骤 4:测

linux进程D状态的解决思路分享

《linux进程D状态的解决思路分享》在Linux系统中,进程在内核模式下等待I/O完成时会进入不间断睡眠状态(D状态),这种状态下,进程无法通过普通方式被杀死,本文通过实验模拟了这种状态,并分析了如... 目录1. 问题描述2. 问题分析3. 实验模拟3.1 使用losetup创建一个卷作为pv的磁盘3.

MySQL 缓存机制与架构解析(最新推荐)

《MySQL缓存机制与架构解析(最新推荐)》本文详细介绍了MySQL的缓存机制和整体架构,包括一级缓存(InnoDBBufferPool)和二级缓存(QueryCache),文章还探讨了SQL... 目录一、mysql缓存机制概述二、MySQL整体架构三、SQL查询执行全流程四、MySQL 8.0为何移除查

基于Python开发PPTX压缩工具

《基于Python开发PPTX压缩工具》在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,不便于传输和存储,所以本文将使用Python开发一个PPTX压缩工具,需要的可以了解下... 目录引言全部代码环境准备代码结构代码实现运行结果引言在日常办公中,PPT文件往往因为图片过大而导致文件体积过大,

开启mysql的binlog日志步骤详解

《开启mysql的binlog日志步骤详解》:本文主要介绍MySQL5.7版本中二进制日志(bin_log)的配置和使用,文中通过图文及代码介绍的非常详细,需要的朋友可以参考下... 目录1.查看是否开启bin_log2.数据库会把日志放进logs目录中3.查看log日志总结 mysql版本5.71.查看

微服务架构之使用RabbitMQ进行异步处理方式

《微服务架构之使用RabbitMQ进行异步处理方式》本文介绍了RabbitMQ的基本概念、异步调用处理逻辑、RabbitMQ的基本使用方法以及在SpringBoot项目中使用RabbitMQ解决高并发... 目录一.什么是RabbitMQ?二.异步调用处理逻辑:三.RabbitMQ的基本使用1.安装2.架构

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做