Nodejs+mysql+Express: 一个简单的博客

推荐网址：

https://github.com/nswbmw/N-blog/blob/backup/book/%E7%AC%AC1%E7%AB%A0%20%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84%E5%8D%9A%E5%AE%A2.md

https://www.cnblogs.com/Darren_code/p/node_express.html

https://www.cnblogs.com/chyingp/p/express-multer-file-upload.html（文件上传multer）

项目github地址

1、工程结构

 

 

2、路由控制 ：Express封装了http的很多方法

路由句柄（路由中间件）：

　　next('route') 

响应方法：

　　res.render：渲染视图模板

　　res.redirect：重定向请求

 

3、模板引擎（ejs）

　　app.engine()方法

　　之前先看看express应用的安装命令:“express -e nodejs-product”，其中的 -e 和 -J 我们一开始已经提到，表示ejs和jade模板。

　　如果想把模板后缀改成“.html”时就会用到app.engine方法，来重新设置模板文件的扩展名，比如想用ejs模板引擎来处理“.html”后缀的文件：app.engine('.html', require('ejs').__express);

　　app.engine(ext, callback) 注册模板引擎的 callback 用来处理ext扩展名的文件。

　　PS：__express不用去care，其实就是ejs模块的一个公共属性，表示要渲染的文件扩展名。

 

4、 文件上传multer 

const multer = require('multer');

var storage = multer.diskStorage({
  destination: function (req, file, cb){
      cb(null, './public/images')
  },
  filename: function (req, file, cb){
      cb(null, file.originalname)
  }
});
var upload = multer({ storage: storage })

  app.post('/upload', upload.array('field1', 5), function(req, res) {
    req.flash('success', '文件上传成功!');
    res.redirect('/upload');
  });

 

5、Markdown的使用

　　post页面，写博客有时引用上传的图片

　　Markdown图片使用：

　　　　　　   ===> 例如： 

 6、文章的编辑与修改

　　conn.query时，SQL语句是拼接的，会报错：  Error: ER_BAD_FIELD_ERROR: Unknown column 'xxx' in 'where clause'

　　解决办法：

　　（1）每个string字段需要加""

　　　　

 　　（2）SQL语句格式如下，不需要每个字段都加""

　　connection.query('UPDATE users SET foo = ?, bar = ?, baz = ? WHERE id = ?', ['a', 'b', 'c', userId], function (error, results, fields) {

  　　if (error) throw error;

  　　// ...

　　});

　

7、留言功能实现

　conng更新Post的comments时，会报错：Error: ER_DATA_TOO_LONG: Data too long for column 'comments' at row 1

　解决办法： 

　（1）将comments字段类型varchart改为longtext      https://segmentfault.com/q/1010000009129135

8、ejs 渲染moment.js库（将时间戳日期格式化）

　　(1)项目里安装moment:npm install moment --save

　　(2)app.js加入如下代码：

　　var moment = require('moment')

　　在var app = express();后面加入 app.locals.moment = moment;

 

　　

　　（3）页面渲染调用格式为：<%= moment(new Date(parseInt("要解析的值"))).format('YYYY-MM-DD HH:MM:SS') %>

　　

9、博客详情页面手动刷新，文章阅读量一直加，使用session记录

　　

10、文章标题搜索--模糊查询（POSITION）

 　　SELECT * FROM t_blog_post WHERE POSITION("' + keyWord + '" IN title)

11、使用KindEditor

　　（1）http://www.kindsoft.net/ 下载最新的 KindEditor 压缩包，解压后将文件夹重命名为 kindEditor 并放到 public 文件夹下。

　　（2）修改header.ejs

　　　　

　　(3)i定义图片上传接口

　　　　https://blog.csdn.net/dexing07/article/details/53870580

　　　　https://blog.csdn.net/charlene0824/article/details/51234394

12、项目存在问题：
　　（1）数据库操作save、update方法应该封装通用的
　　（2）数据库用户数据清空，浏览器本地session存有user，还可以继续保存（已解决）

　　（3）server端到数据库的CRUD等等操作,，改进使用ORM框架 sequelize
　　（4）评论时，评论的用户信息应该不可编辑（已解决）

　　（5）自己的评论不可操作

　　（6）页面布局样式亟待设计哦

13、项目启动
　　（1）网上教程本地安装mysql
　　（2）setting.js配置mysql数据库连接
　　（3）建表sql为t_blog_post.sql、t_blog_user.sql
　　（4）npm install 安装项目依赖
　　（5）npm run start 启动项目---localhost:3001,端口号可在package.json配置

 14、几个页面

---------------------

--------------------------

-----------------------

--------------------------------

---------------------------------------------