Node.js 蚕食计划四—— Express + SQL Server 搭建电影网站

课程,按照自己的思路做了一遍,发博客记录一下

,Express 框架搭建服务,前端页面都是通过 jade 模板引擎生成,为了少写点 css 就引入了 Bootstrap

mssql 模块

中添加这几个字段

然后 npm install 安装依赖项

在 app.js 中能找到这样的一段代码

这里将 views 目录设置为视图目录,用来存放静态页面,并且只识别 .jade 类型的文件

如果直接使用 .html 文件,就需要把第二行代码改为

(,);

常用的模板引擎有 ejs 和 jade,通过 Express 搭建的项目会默认使用 jade,所以这里我们也使用 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,连接本地服务器,创建一个登录名

 

然后创建一个数据库

展开刚才新建的数据库,新建表

数据库之前,页面上需要这些参数:

引入 模块

sql = require(<span style="color: #008000;">/<span style="color: #008000;"> GET home page. <span style="color: #008000;">/<span style="color: #000000;">
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;"&gt;select * from</span><span style="color: #000000;"&gt;<span style="color: #0000ff;"&gt; 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 举报,一经查实,本站将立刻删除。

相关推荐


根据官网 入门 express
java叫接口control什么的app.get.post等等都是请求方式我们可以在游览器输入localhost端口/或者在Apifox里面写。
为了前端丢进去的时候可以直接判断中间件就是经过了这个就会被使用可以做一些自己的数据处理什么的。
Express 文件的上传和下载
运行命令下载app.js 增加中间件。
基本模板来的 后面用后就有什么加什么都行。
此篇完成 增删 刷新文件 的基本操作
最基本的创建 以及 添加了其他的一些插件 登录接口和四个接口
由于每个接口都要放就很麻烦 所以做个中间件
1importre234defstrip_operate(exp):#合并多余的操作符5exp=exp.replace("+-","-")6exp=exp.replace("--","+")7returnexp8910defcal_exp_son(exp_son):#计算两数的乘除11if&
 socket.html<script>//高级api不兼容socket.io//http单向的,socket是双向的,传输都靠tcpletsocket=newWebSocket('ws://localhost:3000')socket.onopen=()=>{//多个页面通信就是先发给服务器,服务器再发给另一个页面socket.send('我
M模式:类,表示数据的应用程序和使用验证逻辑以强制实施针对这些数据的业务规则。V视图:应用程序使用动态生成HTML响应的模板文件。C控制器:处理传入的浏览器请求的类中检索模型数据,然后指定将响应返回到浏览器的视图模板。简单练习: 1、添加ControllerHelloWorldControlle
在Node开发中免不了要使用框架,比如express、koa、koa2拿使用的最多的express来举例子开发中肯定会用到很多类似于下面的这种代码varexpress=require('express');varapp=express();app.listen(3000,function(){console.log('listen3000...');});app.use(middle
node的http创建服务与利用Express框架有何不同原生http模块与使用express框架对比:consthttp=require("http");letserver=http.createServer(function(req,res){//服务器收到浏览器web请求后,打印一句话console.log("recvreqfrombrowser");
编辑nginx文件vi/usr/local/etcginxginx.confnginx配置如下,配置后需重启nginxnginx-sreloadlocation~.*\.json{roothtml;add_header"Access-Control-Allow-Origin""*";}前端index.html<script>fetch('http://localhost:12
constexpress=require('express')constapp=express()//步骤的拆解constresult=express.static('./views')app.use(result)//再次托管一下样式表的资源目录app.use('/css',express.static('./css'))//托管JS文件目录app.use('/js&#
问题描述:最近在做毕设,express里边的中间件(body-parser)失效,req.body获取不到任何值,req.query能获取到值。一开始加body-parser中间件是有用的,直到昨天加了token之后,body-parser失效。试着把token去掉,无济于事,也不是这个问题,也有说版本对不上的,换了中间件的引入方法,还是没用!!! 后
express官网:---->传送门 expressexpress框架有许多功能,比如路由配置,中间件,对于想配置服务器的前端来说,非常便捷自从node发展之后,基于nodejs的开发框架也不断涌现出来,express就是其中之一,最近简单的写了点express框架的简单的处理请求的demo首先是安装express模块npminstall
目录问题: 操作:Win+S按键,输入“事件查看器”问题详情:模块DLLC:\ProgramFiles(x86)\IISExpress\aspnetcore.dll未能加载。返回的数据为错误信息。问题:  操作:Win+S按键,输入“事件查看器” 问题详情:模块DLLC:\ProgramFiles(x86)\IISExpress\aspnetcore.dll
//获取阿里云市场,快递物流记录https://market.aliyun.com/products/56928004/cmapi022273.html?spm=5176.2020520132.101.26.61f97218v18GBF#sku=yuncode1627300000//get_express_log(self::$config['web']['aliyun_AppCode']阿里云市场AppCode,缓存秒数如300秒,'快递公司代