版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/quasimodo_es/article/details/52791845
本篇文章对应的最新源码下载:
链接: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);
程序员实战技能,扫一扫学习