博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
新闻发布系统
阅读量:6000 次
发布时间:2019-06-20

本文共 1798 字,大约阅读时间需要 5 分钟。

① 首页为index这里将列出所有新闻类型以及对于新闻条目

② 各个新闻条目拥有编辑/删除/查看 三个按钮

③ 首页具有增加新闻按钮(增加时候可上传图片)

基本功能如上

于是,我们去掉app里面的路由功能,将路由全部放到index里面

//将路由功能放入index//app.get('/', routes.index);//app.get('/users', user.list);routes(app);
module.exports = function (app) {  //主页,现在也是首页  app.get('/', function (req, res) {    res.render('index', { title: 'Express' });  });  app.get('/add', function (req, res) {    res.send('增加新闻请求');  });  app.get('/delete', function (req, res) {    res.send('删除新闻请求');  });  app.get('/view', function (req, res) {    res.send('查看新闻请求');  });  app.get('/update', function (req, res) {    res.send('修改新闻请求');  });};

第一步简单如此,因为增加新闻应该有单独的页面,而具体点击增加按钮又会有其他处理,所以内部还得细分各个请求,现在规定如下:

/ 默认页面,该页面显示所有类型以及新闻,并带有删除按钮

/add 进入添加新闻页面

/addNews 添加新闻具体post请求地址(点击按钮时候的响应)

/delete 删除新闻请求

/view 具体新闻查询

于是稍微修改下上述路由:

module.exports = function (app) {  //主页,现在也是首页  app.get('/', function (req, res) {    res.render('index', { title: 'Express' });  });  app.get('/add', function (req, res) {    res.send('添加新闻页面');  });  app.post('/addNews', function (req, res) {    res.send('处理添加新闻请求');  });  app.get('/delete', function (req, res) {    res.send('删除新闻请求');  });  app.get('/view', function (req, res) {    res.send('查看新闻请求');  });};

于是我们需要新建几个模板组织我们的网页,这里我们先不分离头尾只要最简单的页面即可

新增add与view两个模板文件,暂时表现与index.ejs一致,并且修改导航相关

module.exports = function (app) {  //主页,现在也是首页  app.get('/', function (req, res) {    res.render('index', { title: 'Express' });  });  app.get('/add', function (req, res) {    res.render('add', { title: '添加新闻页面' });  });  app.post('/addNews', function (req, res) {    res.send('处理添加新闻请求');  });  app.get('/delete', function (req, res) {    res.send('删除新闻请求');  });  app.get('/view', function (req, res) {    res.render('view', { title: '查看新闻请求' });  });};

转载于:https://www.cnblogs.com/hhda/p/6755998.html

你可能感兴趣的文章
composer 安装 ubuntu 12.04
查看>>
微服务(二)hystrix
查看>>
Performing a thread dump in Linux or Windows--reference
查看>>
推荐系统中常用算法 以及优点缺点对比
查看>>
cocos2d-x v3.2环境配置(现在3.x版本号可以配置该)
查看>>
穷举法解决旅行商问题
查看>>
括号配对问题
查看>>
Oracle自学笔记(一)
查看>>
利用5w1h写出高效的git commit
查看>>
用div和css样式控制页面布局
查看>>
Python自定义库文件路径
查看>>
Get和Post的区别
查看>>
Redis--优化
查看>>
JSTL截取字符串以及格式化时间
查看>>
Bugtags 使用技巧之 setUserData
查看>>
Go语言标准库之JSON编解码
查看>>
使用windows search 搜索文件和文件夹(一)
查看>>
“江苏科技”背后有哪些大咖倾力参与?
查看>>
mysql优化
查看>>
mysqldump & binlog做完全备份
查看>>