-
Notifications
You must be signed in to change notification settings - Fork 1
Home
woshi82 edited this page Jun 30, 2016
·
34 revisions
一个自动化前端开发工程流的工具包。里面包括seo、seo-php模式。
共同点:都是具有PC端SEO优化的工作流程。都采用了node服务,通过fis3进行资源定位及优化。
区别:
seo-php用的是generator-biketo的开发流程,模版渲染部分由PHP负责。最后产出在后台的服务上运行项目。
seo采用了node服务,以handlebars为模版引擎,实现了页面的自动路由功能。最后产出在node服务上运行。
npm i olo -g
所有命令的参数都可以通过
olo ** -h查看
olo init
olo v view-name
olo c component-name
olo w
启动项目中包括清空本地fis3服务文件的
server clean,清空编译缓存、自动刷新、实时监听release -clw。
olo s
olo r
mkdir my-project
cd my-project
olo init
olo v view-name (可选)
olo c component-name (可选)
npm run start
npm run watch
config配置
功能、用法与
generator-biketo相类似。
seo-php目录结构
assets 静态文件,包括图片和初始化css;
c 组件;
libs 公用类库;
server node服务;
views 页面视图;
config.json 发布产出、接口配置;
fis-conf.js fis 配置;
package.json 项目包配置.
-
{{#if dev}}handlebars语法区分纯前端开发和后台模板开发; -
{{> cmp}}引入组件; - 可以自行加入
helper并在_conf.js_中的handlebars配置项中配置;
seo目录结构
assets 静态文件,包括图片和初始化css;
c 组件;
libs 公用类库;
server node服务,包括接口路由、页面路由、中间件;
views 页面视图;
config.json 发布产出、接口配置;
fis-conf.js fis 配置;
package.json 项目包配置.
- 页面路由 server>router>page>index.js
module.exports = { 路由名称: [中间件(可选),函数], 路由名称: 函数, index: [midUser.hasLogin,function(req,res){ res.render('index',{username: req.session.username}); }] index1 : function(req,res){ res.render('index',{username: req.session.username}); } };
- 页面路由配置 server>router>page>page.json
一级路由:接口名称 一级路由:{ 二级路由:接口名称 }(或) 一级路由/二级路由: 接口名称, "/": "index", //一级路由默认索引到对应的"一级路由名称.js", 此处"/"默认索引到index.js.接口对应"index.js>index" "/about": { "/": about, //二级路由默认索引到它的一级路由 "一级路由名称.js", 此处"/"默认索引到about.js "/member": member, "/member/:type": type, }, "/about/member": member, //与上面的"/member"功能相同 "/detail": { "/:id": detail, }
3、接口路由 server>router>api>loginout.js
module.exports = { 路由名称: 函数, login : function(req,res){ //一般在这里进行数据请求 } };
- 接口路由配置 server>router>api>api.json
一级路由:[请求方式,接口名称] 一级路由:{ 二级路由:[请求方式,接口名称] }(或) 一级路由/二级路由: [请求方式,接口名称], "/loginout":["get(post)","login"], //一级路由默认索引到对应的"一级路由名称.js".接口对应"loginout.js>login" "/loginout": { "/login": ["get","login"] }, "/loginout/login": ["get","login"] //与上面的"/login"功能相同