node+koa2+mysql+bootstrap搭建一个前端论坛

前言

在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：

登录注册

个人信息维护、头像等基本信息

发表文章，富文本编辑器采用wangEditor插件，编辑、删除文章,文章分类等

文章评论、文章收藏、点赞等

支持文章分页、评论分页加载

关注取关用户

资源（文件）上传分享、下载、查看

学习资源推荐.....

作者个人日记

but。。。。由于种种原因，目前仅实现了部分功能，资源分享还没写

项目运行效果：http://120.77.211.212/home

项目技术栈应用：node-koa2-ejs-bootstrap3—jquery， github地址：https://github.com/Jay214/myblog-koa2，如果觉得对你有帮助或者还看得下去，欢迎star~~鼓励鼓励我这前端渣渣辉。

开发环境

node: v8.3.0

koa: ^2.4.1

mysql: 5.7.1

npm: 5.3.0及以上

如何运行项目

将项目clone至本地 git clone git@github.com:Jay214/myblog-koa2.git

安装模块中间件 npm install

安装mysql

mysql版本推荐使用5.7以下的，5.7的有个bug，图形化界面推荐使用navicat for MySQL

运行可以安装supervisor（npm install supervisor 项目运行工具，开启后即处于监听模式，修改文件后保存即可，无需再启动项目） node index 或npm supervisor index

localhost:8080/home 端口号可自行修改

若发现项目有存在什么bug或有比较好的建议欢迎多多提议，qq:2752402930。

准备工作

由于koa2是基于es6的promise和es7的await/async语法，所以如果对es6/es7不懂的话请先过一遍文档，后台搭建数据库是关键，所以请先安装好mysql，mysql建议安装5.7版本以下的，因为5.7.0版本有个bug，需要更改配置文件，具体若你们安装的时候便知道了。

安装node环境，使用node -v查看node版本，node需要较新版本能够支持es6的promise和es7的await/async语法，现在node版本都会自带npm的，所以不需要再去安装npm。

项目结构

1.config存放默认文件(数据库连接配置）

2.lib存放数据库文件

3.middlewares存放判断登陆注册与否中间件

4.public存放静态文件，js,引用bootstrap框架等文件

5.routers存放路由文件

6.views存放模板文件

7.index是程序主文件，定义接口，数据库接口，引用模块等

8.package.json项目的配置文件，包括项目名，作者，依赖，模块等

项目用vscode开发的，用起来很舒服，还没尝试过的小伙伴赶紧去试一下吧。

项目初始化：cd myblog1 -> npm init 此时已经创建好了package.json文件了。

由于koa2是轻量级的框架，小巧精悍，所以我们为了促进我们的开发效率和方便性，我们需要安装一些koa2的模块中间件：

各模块用处

koa node框架

koa-bodyparser 表单解析中间件

koa-mysql-session、koa-session-minimal 处理数据库的中间件

koa-router 路由中间件

koa-static 静态资源加载中间件

ejs 模板引擎

md5 密码加密

moment 时间中间件

mysql 数据库

koa-views 模板呈现中间件

koa-static-cache 文件缓存

项目基本框架搭建

配置数据库连接

在config文件夹新建default.js :

然后在lib文件夹新建mysql.js:

这里建立了一个数据库连接池和封装了一个操作数据库表的函数，如果对于数据库连接有不懂的话请自行百度。

建立入口文件

在主目录新建index.js，即项目入口文件：

上面代码都有注释，我就不一一说明了，由于资源分享和个人日记还没写，所以暂时统一share...替代。

接下来向mysql.js添加数据库操作语句，建表、增删改查。

总共六张表：用户表、文章表、文章评论表、文章收藏表、文章点赞表、用户关注表。

这里引用了外键，但是现在的开发不推荐使用外键了，所以你们可以自行修改，这里在项目第一次启动时会出现数据库创建失败（由于外键原因），只要重新启动就ok了，如果对mysql还不了解的，这里附送大家一个传送门：mysql入门视频教程 密码：c2q7 。

前端页面开发

项目基本结构搭建好后，就可以进行前端页面的编写了。用node开发web时我们一般会配合模板引擎，这个项目我采用的是ejs，除了ejs之外较为常用的还有jade,但是jade相对ejs来说的话代码结构不够清晰。关于ejs语法，这里做个简单的介绍：

header.ejs

nav.ejs

login.ejs

footer.ejs

 </body>
 </html>

header为页面头部结构，nav为页面导航条，login为登录、注册内容、footer为页面顶部结构。可以看到我在ejs文件里有很多的if else 判断语句，这是根据session来判断用户是否登录渲染不同的内容。现在我们需要我们的页面编写样式：分别是home.css和index.css

为了增强对原生js的理解，在项目里我用了大量的原生ajax(显然jquery封装的ajax比较好哈哈），因此这里先编写一个原生ajax请求：

ajax.js

实现登录注册

前端基本页面开发好后，我们就可以写后台登录接口了：

注册：signup.js

密码采用md5加密，注册后为用户创建session并将其添加到数据库，写完别忘了在最后加上module.exports = router将接口暴露出来。

登录：signin.js

退出登录：signout.js

登录注册完成，由于学习繁忙，内容只能一点一点写了，后续内容持续更新。

相关推荐：

node+express实现聊天室

node+express+jade制作简单网站指南_node.js

以上就是node+koa2+mysql+bootstrap搭建一个前端论坛的详细内容，更多请关注Gxl网其它相关文章！