关于财通证券前台项目的设计说明

2017-06-26  本文已影响0人  _blow

框架选型

1、 此项目为传统门户网站,页面较多,可以使用模版提取html公共代码
2、客户对seo要求高,不适合作为单页应用
3、 客户指定使用express加jade模版引擎

因此,基于express ,设计了如下方案:

打包方案:

优化方案:

部署方案:

项目目录结构

_ 
├── client/··················<- 静态资源
│   ├── common/··············<- 公共样式
│   ├── home/················<- 页面内样式
│   ├── img/·················<- 图片资源
│   ├── vender/··············<- 为了适配IE8修改的插件
├── logs/····················<- 日志文件
├── public/··················<- 生产环境编译后的静态资源目录
├── server/··················<- gulp打包后的服务器端js代码
├── src/·····················<- 使用es6特性的服务器代码(开发使用)
│   ├── config/··············<- 配置文件
│   ├── proxy/···············<- 数据处理层/数据库连接层
│   ├── routes/··············<- controller
│   ├── app.js ··············<- 入口文件
│   ├── log.js                      
├── views/ <- 页面模板
├── .bablerc                        
├── .bowerrc                        
├── .gitignore                      
├── bower.json                      
├── gulpfile.js                     
├── package.json                    
├── README.md                       
├── webpack.config.js               
├── webpack.production.config.js    


上一篇下一篇

猜你喜欢

热点阅读