关于CMS项目中使用到的技术总结(前端)
1.页面静态化
(1)什么是页面静态化
静态页面是指页面写好之后,页面中展示的内容不会随着时间的推移或者后台数据库操作而发生改变
动态页面是指页面写好之后,页面中展示的内容可以通过后台数据库的操作而发生改变【Java server page = Servlet】
在web项目开发中,我们访问的页面时,服务端根据请求查询数据库动态的创建一个页面(jsp),我们每次访问都会去到服务端查询,生成动态的页面,这样访问量过大,会造成服务端运行负担过大(不停的查询数据库),而且影响用户的浏览体验(加载慢)。于是通过页面静态化技术(freemarker)将访问的而动态页面写死(静态化),在添加和修改对象的时候,就生成静态的html页面。
(2)使用页面静态化的好处
- 1.加载速度快
- 2.减轻了服务端的访问压力
(3)具体的实现
- 1.需要一个模板
- 2.导入freemarker.jar
- 3.获取模板(Template)对象
- 4.准备数据(对象或者map集合)
- 5.template.process()生成静态资源
2.BootStrap框架
Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。
是基于HTML、CSS 和 JS 开发的前端框架,用于响应式网站的结构和布局
引用定义好的类,可创建出样式漂亮的网页
3.GridManager表格插件
纯原生js实现,不依赖任何框架,可快速、灵活对table标签进行实例化,
操作简单,功能强大