nodejs制作part2(链接数据库从数据库读取数据)

模块抽离与图片放大的jQuery技巧
本文探讨了在前端开发中如何有效进行模块抽离,特别关注于使用jQuery实现图片放大效果的方法。介绍了从现有项目中分离模块的过程,包括动画效果、两行溢出处理及单行溢出解决方案。此外,还提到了与数据库交互,如在header.ejs中更新链接路径和在router.js中设置路由,以增强个人博客的功能。

模块抽出
在这里插入图片描述
图片的放大
在这里插入图片描述
两行溢出

动画效果
在这里插入图片描述
在这里插入图片描述
jquery动画

在这里插入图片描述
把该模块抽出
在这里插入图片描述
seleka.ejs

单行溢出
在这里插入图片描述
2\4\6灰色底
在这里插入图片描述
推荐抽出
在这里插入图片描述
图片放大
在这里插入图片描述
最下面的蓝色条在这里插入图片描述第二个界面 个人博客日记 进入router.js写路由
在这里插入图片描述
新建blog.ejs
在这里插入图片描述
在header.ejs更改a链接路径
在header的数据库文件中添加链接
设计表添加栏位action
在这里插入图片描述
在index.ejs上更改

新建promise.js
在router引入
在这里插入图片描述
在这里插入图片描述
博客类型分类
在这里插入图片描述
新建数据表 博客表
在这里插入图片描述
添加外键
在这里插入图片描述

添加一条数据
在这里插入图片描述
最新博客 从数据库读取
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
转数据格式
在这里插入图片描述
在newblogs.ejs更换数据 循环绑定
在这里插入图片描述
在这里插入图片描述
取两篇文章
在这里插入图片描述
在这里插入图片描述
promise.js
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击排行
在这里插入图片描述promise对象
在这里插入图片描述
在这里插入图片描述
点击排行页面数据的绑定 sql中加logo
在这里插入图片描述
选项卡
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
新建数据表 推荐
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
teibie.ejs tuijian.ejs 绑定数据
在这里插入图片描述
最新博文
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
bloglist.ejs
在这里插入图片描述
修改时间
router.js
/blog 调整 数据的添加
在这里插入图片描述
图片放大
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值