课程,按照自己的思路做了一遍,发博客记录一下
,Express 框架搭建服务,前端页面都是通过 jade 模板引擎生成,为了少写点 css 就引入了 Bootstrap
mssql 模块
中添加这几个字段
然后 npm install 安装依赖项
在 app.js 中能找到这样的一段代码
这里将 views 目录设置为视图目录,用来存放静态页面,并且只识别 .jade 类型的文件
如果直接使用 .html 文件,就需要把第二行代码改为
常用的模板引擎有 ejs 和 jade,通过 Express 搭建的项目会默认使用 jade,所以这里我们也使用 jade 写模板
我一共写了这五个模板,其中 error.jade 是 404 页面,layout.jade 是基本结构,包含 header 和 footer
index.jade 是首页,detail.jade 是详情页,list.jade 是评论列表
上一篇博客中提到,如果需要引入 css 或者 js,一般是css 和 js 文件拷贝到 public 目录下,然后在页面中引入
项目中需要引入 bootstrap,如果以这种方式引入,还得去 node_modules 目录下找到对应的文件
所以我在 app.js 中添加了这一行代码
这样在 layout.jade 中引入的依赖文件的时候,就可以这么写
页面内容可以先忽略,先把路由给配置好
在 routes 目录下创建三个页面对应的 js 文件
然后在 app.js 中引入
在 app.js 中配置路由结点
然后在浏览器中打开项目,就能正确的渲染页面了
具体的页面开发不再赘述,熟悉了 jade 的语法之后,写起来还是很顺手的
在开发页面的时候,页面上的数据可以先写死,以方便查看页面效果
页面开发完成之后,再把数据挪到数据库里面
在 SQL Server 中创建数据并不复杂,首先打开 SQL Server,连接本地服务器,创建一个登录名
然后创建一个数据库
展开刚才新建的数据库,新建表
数据库之前,页面上需要这些参数:
引入 模块
router.<span style="color: #0000ff;">get(<span style="color: #800000;">'<span style="color: #800000;">/<span style="color: #800000;">'<span style="color: #000000;">,function(req,res,next) {
sql.connect(<span style="color: #0000ff;">config).then(() =><span style="color: #000000;"> {
<span style="color: #008000;">//<span style="color: #008000;"> 插入SQL语句
<span style="color: #0000ff;">return sql.query
<span style="color: #0000ff;">select * from</span><span style="color: #000000;"><span style="color: #0000ff;"> mytable</span>
}).then(result =><span style="color: #000000;"> {
res.render(<span style="color: #800000;">'<span style="color: #800000;">index<span style="color: #800000;">'<span style="color: #000000;">,{
title: <span style="color: #800000;">'<span style="color: #800000;">WiseWrong<span style="color: #800000;">'<span style="color: #000000;">,movies: result.recordset <span style="color: #008000;">//<span style="color: #008000;">查询结果
<span style="color: #000000;"> });
sql.close(); <span style="color: #008000;">//<span style="color: #008000;"> 断开数据库的连接,很关键
}).<span style="color: #0000ff;">catch(err =><span style="color: #000000;"> {
res.render(<span style="color: #800000;">'<span style="color: #800000;">error<span style="color: #800000;">'<span style="color: #000000;">);
console.log(<span style="color: #800000;">'<span style="color: #800000;">出错了 <span style="color: #800000;">'<span style="color: #000000;">,err);
})
sql.on(<span style="color: #800000;">'<span style="color: #800000;">error<span style="color: #800000;">',err =><span style="color: #000000;"> {
res.render(<span style="color: #800000;">'<span style="color: #800000;">error<span style="color: #800000;">'<span style="color: #000000;">);
console.log(<span style="color: #800000;">'<span style="color: #800000;">出错了 <span style="color: #800000;">'<span style="color: #000000;">,err);
})
});
上面的代码是直接写在 index.js 里面了,如果每个页面都写一套,肯定会有大量的重复性代码,所以一定得封装一下
如果是提交表单,只需要把接口地址改一改,然后处理数据,编写SQL就行
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。