页面模版的开发与维护-04

sideNav.jssideNav.htmlsideNav.css

通用配置

定义脚本发布模版的名称以及对应的模版代码文件

template

videoDialog

sideNav

专题汇总的文件夹，开发时需要把template文件夹复制到specials文件夹中并更改文件夹的名称，然后在此文件夹下开发自己的专题，当然复制、重命名是使用脚本完成的

定义使用脚本发布的专题名称

package.json

publish_template_config.js

webpack打包配置脚本

dataTemplate.jsonindexTemplate.jsonm_indexTemplate.jsonorderTemplate.json

xxxx

js

publish_special.js

A： 1、每个页面模版基本都是在一个独立的文件夹中开发，一种是使用handlebarjs模版引擎结合页面数据进行开发，发布之后交由nodejs渲染。另一种则是模块化、组件化开发，后端会返回运营录入的数据挂在window下，组件在window下取数据，由浏览器进行渲染。当然也可以两种方式同时使用 2、运营录入的数据有两种处理方式。一种是在运营录入数据保存之后，会在node层把数据根页面模版代码进行一次渲染，然后把渲染之后的html字符串与数据保存到后端的数据库中。另一种则是当加载页面时，后端会把运营录入的数据回填到页面中并挂在window变量下。 3、对于需要频繁手动操作的步骤，可以使用脚本代替实现。对于数据模版的创建，因为它时跟着页面模版强关联，所以在定义页面模版的时候就需要把数据模版定义好，然后指定该页面模版使用哪些数据模版。然后可以使用一条脚本完成模版发布、页面发布、数据模版创建。在调试时可以使用webpack服务实时刷新调试接口、页面。对于页面所需要的数据，可以去先上拿到真是数据（如果有）或者在本地根据数据模版生成特定的页面数据

index.htmlm_index.htmlorder.html

通用组件、ui、通用配置、工具方法

html

edu-special

ui

util

2016sale

文件名称就是专题模版名称，要唯一。定义该专题模版所用的数据模版，并定义数据实例名称

易复用

publish_special_config.js

tool

高效率

自动化脚本文件夹，负责发布数据模版，专题模版，专题页面，拷贝专题模版等功能的脚本

专题的文件夹模版，每个专题的文件夹结构基本差不多，使用脚本复制之后，可以根据自己的需求修改文件夹结构

publish_template.js

data

webpack.config.js

specials

文件名称固定，存放该专题所有的数据模版

工程所需的插件、模块、npm 脚本命令

Q： 1、对于开发出来的页面模板怎么维护 2、开发的页面模版有多个页面怎么管理，多个页面怎么共用数据模版 3、开发中用到的功用组建怎么提取与维护 4、怎么提高开发的效率

通用工具方法

scss

config

xxxx.js

页面模板开发工程-edu-special

common

易管理维护

新建专题时，运营脚本把template文件叫夹复制到specials文件夹中

开发独立