开发日志: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

相关文章

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

JAVA利用顺序表实现“杨辉三角”的思路及代码示例

《JAVA利用顺序表实现“杨辉三角”的思路及代码示例》杨辉三角形是中国古代数学的杰出研究成果之一,是我国北宋数学家贾宪于1050年首先发现并使用的,:本文主要介绍JAVA利用顺序表实现杨辉三角的思... 目录一:“杨辉三角”题目链接二:题解代码:三:题解思路:总结一:“杨辉三角”题目链接题目链接:点击这里

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

C#图表开发之Chart详解

《C#图表开发之Chart详解》C#中的Chart控件用于开发图表功能,具有Series和ChartArea两个重要属性,Series属性是SeriesCollection类型,包含多个Series对... 目录OverviChina编程ewSeries类总结OverviewC#中,开发图表功能的控件是Char

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类

mybatis的整体架构

mybatis的整体架构分为三层: 1.基础支持层 该层包括:数据源模块、事务管理模块、缓存模块、Binding模块、反射模块、类型转换模块、日志模块、资源加载模块、解析器模块 2.核心处理层 该层包括:配置解析、参数映射、SQL解析、SQL执行、结果集映射、插件 3.接口层 该层包括:SqlSession 基础支持层 该层保护mybatis的基础模块,它们为核心处理层提供了良好的支撑。

百度/小米/滴滴/京东,中台架构比较

小米中台建设实践 01 小米的三大中台建设:业务+数据+技术 业务中台--从业务说起 在中台建设中,需要规范化的服务接口、一致整合化的数据、容器化的技术组件以及弹性的基础设施。并结合业务情况,判定是否真的需要中台。 小米参考了业界优秀的案例包括移动中台、数据中台、业务中台、技术中台等,再结合其业务发展历程及业务现状,整理了中台架构的核心方法论,一是企业如何共享服务,二是如何为业务提供便利。

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接