nodejs制作part3

本文详细介绍了博客系统的搭建过程,包括界面设计、数据渲染、路由配置、搜索功能及留言系统实现。涵盖前端与后端技术要点,如EJS模板引擎、SQL数据库操作、Express路由设置及留言板交互。

新建blogdetail.ejs博客详细显示界面
进入 router.js
在这里插入图片描述
在detail界面插入上导航
在这里插入图片描述
插入其他数据

在这里插入图片描述
点击返回首页
在这里插入图片描述
在这里插入图片描述
点击进入详细界面
在这里插入图片描述
在这里插入图片描述
接收方法
在这里插入图片描述

promise.js在这里插入图片描述
connection.js添加查找方法

blogdetail.ejs数据渲染

promise.js
在这里插入图片描述
排行点击切换详细内容

站长推荐
sql中添加blog.id项
在这里插入图片描述
在这里插入图片描述
包a链接之后可能需要修改样式
在这里插入图片描述
header关于我的路由
router.js
在这里插入图片描述

新建about.ejs
在这里插入图片描述
时间轴 blogtime.ejs 数据分页
在这里插入图片描述
router.js配置时间轴路由
在这里插入图片描述
js控制翻页
获取当前页的数据
sql.js

promise.js
在这里插入图片描述
router.js
在这里插入图片描述
伪类定位absolute
在这里插入图片描述

留言板
新建blogmsg.ejs 导入header css
在这里插入图片描述
留言板 form表单 post在这里插入图片描述
头像的选择 input文本框 radio
去掉radio的样式
在这里插入图片描述
index.css
在这里插入图片描述
选择头像 伪类
在这里插入图片描述
在这里插入图片描述
post提交需要body-parser中间件 下载
在router.js引入

新建msg表
在这里插入图片描述
sql.js sql语句
在这里插入图片描述
promise.js 方法
在这里插入图片描述
jquery 里写方法

router.js 提交路由
在这里插入图片描述
留言成功之后重定向

findmsg 查询留言
在这里插入图片描述
数据绑定 blogmasg.ejs

留言回复表
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
搜索 search.ejs
在这里插入图片描述
路由
在这里插入图片描述
搜索结果在 likeblog.ejs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值