功能分析
博客具有四个功能:注册 登录 登出 发表文章
界面设计
未登录: 【主页 注册页 登录页】
[主页]
主页
左侧 HOME 这是主页
LOGIN
REGISTER
[注册页] “/reg”
注册
左侧HOME 用户名:________
LOGIN 密码:__________
REGISTER 确认密码:_______
邮箱:__________
注册
[登录页] "/login"
登录
左侧HOME 用户名:________
LOGIN 密码:__________
REGISTER 登录
登录后:【主页 发表页】
[主页]
主页
HOME
POST
LOGOUT
[发表页]
发表
HOME 标题:
POST __________________
LOGOUT 正文:
__________________
__________________
__________________
登录
[登出] 按登出后,回到主页。
操作步骤
一般我们在浏览器输入一个网址访问网站都是GET请求; HTTP定义了与服务器交互的不同方法,其中最基本的四种:GET,POST,PUT,DELETE,HEAD,其中GET和HEAD被称为安全方法,因为使用GET和HEAD的HTTP请求不会产生什么动作。不会产生动作意味着GET和HEAD的HTTP请求不会在服务器上产生任何结果。但是安全方法并不是什么动作都不产生,这里的安全方法仅仅指不会修改服务端的信息。根据HTTP规范,POST可能会修改服务器上的资源的请求。比如CSDN的博客,用户提交一篇文章或者一个读者提交评论是通过POST请求来实现的,因为再提交文章或者评论提交后资源(即某个页面)不同了,或者说资源被修改了,这些便是“不安全方法”。 Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求 |
1. 路由规划
/
/login
/reg
/post
/logout
2. 修改index.js 中的路由信息
1 module.exports = function(app){ 2 app.get('/',function(req,res){ 3 res.render('index',{title: 'Express'}); 4 }); 5 6 app.get('/reg',function(req,res){ 7 res.render('index',{title: '注册'}); 8 }); 9 app.post('/reg',function(req,res){ }); 10 11 app.get('/login',function(req,res){ 12 res.render{'index',title : '登录'} 13 }); 14 app.post('/login',function(req,res){ }); 15 16 app.ger('/post',function(req,res){ 17 res.render('index',{title:'发表文章'}); 18 }); 19 app.post('/post',function(req,res){ }); 20 21 app.get('/logout',function(req,res){ }); 22 23 };