从零学习node.js之利用express搭建简易论坛(七)

expr

express

117 浏览量 2021-01-02 03:54:28 上传评论收藏 113KB PDF 举报

资源推荐

资源详情

资源评论

从零学习从零学习node.js之利用之利用express搭建简易论坛搭建简易论坛(七七)

一、应用生成器一、应用生成器

使用上节学习到express的知识，我们也可以从0开始，一步步把系统搭建起来。不过express中还有一个应用生成器，使用这

个应用生成器可以快速的创建一个应用的框架，然后我们再在这个框架中完善我们需要的内容。

首先安装应用生成器：

$npm install -g express-generator

运行express --version若能正常输出版本号，则安装成功。

我们的论坛名称可以为node_express_forum，然后使用express创建一个框架：

$express node_express_forum

运行后，生成器会在这个目录下生成几个目录和文件：

create : node_express_forum

create : node_express_forum/package.json

create : node_express_forum/app.js

create : node_express_forum/public

create : node_express_forum/public/javascri

create : node_express_forum/public/images

create : node_express_forum/public/styleshe

create : node_express_forum/routes

create : node_express_forum/routes/index.js

create : node_express_forum/routes/users.js

create : node_express_forum/views

create : node_express_forum/views/index.jad

create : node_express_forum/views/layout.ja

create : node_express_forum/views/error.jad

create : node_express_forum/bin

create : node_express_forum/bin/www

install dependencies:

$ cd node_express_forum && npm install

run the app:

$ DEBUG=node-express-form:* npm start

已经生成成功。进入到这个目录：

$cd node_express_forum

我们来看下生成的这个框架，方便知道后面怎么进行填充。

├── app.js

├── package.json // 依赖的模块

├── bin

│ └── www

├── public // 静态文件目录

│ ├── images

│ ├── javascripts

│ └── stylesheets

│ └── style.css

├── routes // 路由，相当于控制器

│ ├── index.js

│ └── users.js

└── views // 视图

├── error.jade

├── index.jade

└── layout.jade

打开package.json后，我们看到还需要再安装几个模块才能运行：

$npm install --save-dev

好了，到现在框架已搭建完毕，我们来运行一下：

$npm start

然后在浏览器中输入127.0.0.1:3000，就可以看到了：Express Welcome to Express。

二、准备工作二、准备工作

基本框架已经创建好了，现在开始我们论坛的准备工作。这里我们的准备工作有3个：模板引擎，模型，数据库，路由。

2.1 模板引擎模板引擎

express里默认使用的模板引擎是jade，不过我们也可以选择其他的模板引擎，我这里选择了ejs，因为感觉ejs更像是个html文

件，方便维护，当然，每个人都有自己的喜好。

$npm install ejs --save-dev

然后在app.js中修改模板引擎：

app.set('view engine', 'ejs'); // 原为jade，现改为ejs

这里我会将views目录中的.jade文件清空，后续使用.ejs编写模板。

2.2 模型模型

这里我们说的模型是指MVC中的M，主要是进行数据库的连接和操作。创建models目录用来存放文件。

2.3 数据库数据库

我们使用mysql数据库来存放数据，数据库名称可以叫做forum。里面有3张表：user, list, reply。

user表（用户）的字段有： id, username, password, regtime

list表（主题）的字段有： id, uid(用户id), title, content, createtime

reply表（回复）的字段有： id, pid(主题id), uid(用户id), content, createtime

2.4 路由路由

上节我们是使用app.use()或app.get()等方式来实现路由，同时，express还提供了express.Router类来创建模块化。可挂载的路由。

Router 实例是一个完整的中间件和路由系统，因此常称其为一个 “mini-app”。

在routes/user.js中（这里我将其users.js改为了user.js）：

var express = require('express');

var router = express.Router(); // 实例化router

// 定义主页的路由

router.get('/', function(req, res, next) {

res.render('index', { title: 'user' }); // 加载index.ejs模板并传递数据给模板

});

router.get('/reg', function(req, res, next) {

res.render('index', { title: 'reg' });

});

module.exports = router;

然后在app.js中加载路由模块：

var user = require('./routes/user');

//...

app.use('/user', user);

这样就可以访问/user和/user/reg页面了。如果需要增加其他的路由，则依照此方式创建添加即可。

三、注册与登录三、注册与登录

我们论坛的功能：注册、登录、发布主题和回复主题。这4个功能的实现都需要连接数据库。

3.1 数据库连接数据库连接

引入mysql模块，然后使用mysql.createPool()创建连接：

剩余10页未读，继续阅读

评论收藏

内容反馈

weixin_38517113

粉丝: 3

从零学习node.js之利用express搭建简易论坛(七)

从零学习node.js之利用express搭建简易论坛(七).docx

Spotaru:创建网站以学习 node.js、express.js mongoDB

express-example:学习如何在node.js中使用express

primitive_app:用于学习 express 的原始 node.js-application

express-basics:只需使用Express框架学习node.js的基础知识

node.js express安装及示例网站搭建方法(分享)

使用node.js+express+bootstrap+mongodb做简易的博客系统.zip

(源码)基于Node.js和Express框架的简易博客系统.zip

Node.js从入门到精通

(源码)基于Node.js和MongoDB的简易个人博客系统.zip

基于node.js简单搭建即时聊天服务器

hello-express:学习 express.js 和 node.js 的项目

从零学习node.js之express入门(六).docx

从零学习node.js之express入门(六)

使用Node.js+Socket.IO搭建WebSocket实时应用

Node.js+Angular实现简易聊天室.pdf

基于 Node.js 的天气查询系统实现(附源码）

(源码)基于Node.js的MongoDB与Express项目搭建工具.zip

Node.js-用Nodeejs模板和Mysql搭建一个个人博客网站基础

neblog:基于 node.js express + mongodb 搭建的blog

node.js+express+typeScript+mongodb搭建个人博客系统.zip

blog.nodejs:使用node.js、express和mongodb练习搭建博客

node-express-jwt-auth:这是一个用于学习目的的nodejs和express js jwt认证站点

node+express+mongodb搭建的简易博客系统.zip

使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天

基于Node.js和Vue3的简易心理健康咨询预约系统设计源码

简易的实现本地服务 node.js

Git_note

Python优秀项目 基于Flask+MySQL+Vue前后端分离的同人网站视频投稿文章资源下载等功能源码+部署文档+数据资料

最新资源

Python优秀项目基于Flask+MySQL+Vue前后端分离的同人网站视频投稿文章资源下载等功能源码+部署文档+数据资料