实战学习NodeJS建站（3）—bootstrap后台管理、nodejs访问数据库

本篇文章对应的最新源码下载：

链接：http://pan.baidu.com/s/1pLMZaoN

密码：cnms

一、先直观感受一下效果

1.1，首页

数据是静态的，如下图

1.2，用户列表页

用户列表数据是模拟的动态数据，如下图

1.3，访问数据库

前提是，mysql数据安装成功，并新建了一个库：mydb

在blogs/routes/db_config.js中配置了数据库连接信息，和查询数据库当前时间测试方法，如下图；

在sublime text 中，执行（ctrl + b），即可看到结果：（也可以在其他开发工具中执行）

二、此版本blog升级内容详解

2.1，引入bootstrap的js、css文件；

主要在public文件夹中添加了 bootstrap的 js 和 css 文件，并在页面中引入；

详细内容如下图：

2.2，引入mysql模块代码，并访问mysql数据库

在node_modules文件夹中，加入了 mysql 文件夹（模块），用于访问mysql数据库。在db_config.js文件中，配置了数据库连接信息，实现数据库的访问。

nodejs主要是callback模式，请仔细阅读代码 参考1.3 。

2.3，在html页面中获取服务器端的数据

在 views/userIndex.html 文件中，通过express语法读取服务器端设置的数据。实现MVC结构；如下图

2.4，练习

尝试将 users.js 中的模拟用户数据替换成从数据库中读取数据

三、下篇文章内容预告

介绍 nodejs 对数据库进行 添加、修改、删除、分页操作；

封装 javascript 对象 ，与数据库表形成映射关系，方便操作数据库（即ORM）；

程序员实战技能，扫一扫学习