【学习笔记】博客项目(一)

项目介绍-----多人博客管理系统

!最近在学习nodejs,原视频中有一些用法已经过时,该文章已经全部更新

案例初始化

  1. 建立项目所需文件夹

    public 静态资源

    model 数据库操作

    route 路由

    views 模板
    在这里插入图片描述

  2. 初始化项目描述文件

    npm init -y

    (会生成 pakage.json 文件)

  3. 下载项目所需第三方模块

    npm install express mongoose art-template express-art-template

  4. 创建网站服务器
    在这里插入图片描述
    注: 浏览器默认监听80端口

  5. 构建模块化路由
    在这里插入图片描述
    在这里插入图片描述
    注:此时项目入口文件需要引入路由模块
    在这里插入图片描述

  6. 构建博客管理页面模板
    ① 把静态资源文件放入public文件夹下
    注: 此时需要开放静态资源文件
    在这里插入图片描述
    ② 模板引擎要求文件的后缀为 .art,因此需要把静态资源.html后缀更改后放到views文件夹下

注:只有配置以下信息才能够使用res.render方法来渲染模板
在这里插入图片描述
在这里插入图片描述
③ 静态资源的外链文件是由浏览器来进行解析的, 所以它的相对路径是相对于地址栏中的请求路径

因此要以绝对路径代替相对路径 添加斜杠/ 代表服务器的绝对路径
在这里插入图片描述
同理,把所有.art文件里面的外链文件 路径开头都添加上/admin/

优化模板

① 把公共部分(头部、侧边栏、骨架)抽离出来单独放在一个文件夹中
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值