内容:搭建开发环境和视图制作。
一、创建项目
1.express ejs blog 创建项目
cd blog 进入项目
npm install 加入包的依赖
2.加入ejs视图模版引擎支持
加入文件 expand_modules/ejs/index.js
var engine=require("./expand_modules/ejs");
在app中改造引擎
app.engine('ejs',engine);
二、路由规划
路由规划是网站的骨架部分,因为它处于整个架构的纽约位置,相当于各个接口之间的粘合剂。
/ :首页
/u/[user]:用户的主页
/post:发表信息
/reg:用户注册
/doReg 注册功能
/login:用户登录
/doLogin 登录功能
/logout:用户退出
首先在app当中加入路由规则,然后在index.js中写相应的响应处理函数
三、界面设计
作为后台开发者,我们不擅长设计,我们可以利用已有的优秀设计。现在我们在用简洁风格的Twitter Bootstrap,它是Twitter的设计师和工程师发起的开源项目。它提供了一套与Twitter风格一致的简洁,优雅的Web UI。
1.加入Twitter Bootstrap
下载:http://twitter.github.com/bootstrap
解压后将js、css和图片放入public指定的目录下,再引入jquery.js的文件。
2.制作视图
layout.ejs、index.ejs、login.ejs、reg.ejs