黑马博客——详细步骤(一)路由跳转和抽取公共部分代码

1.2 案例初始化

1. 建立项目所需文件夹

public 静态资源

model 数据库操作

route 路由

views 模板

2. 初始化项目描述文件

       npm init -y

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

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

4. 创建网站服务器

5. 构建模块化路由

6.  构建博客管理页面模板

 

 

 

1. 建立项目所需文件夹

    1. public 静态资源
    2. model 数据库操作
    3. route 路由
    4. views 模板

2. 初始化项目描述文件   npm init -y

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

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

4. 创建网站服务器

 

5. 构建模块化路由

6.  构建博客管理页面模板

开放静态资源

 

把相应的html文件剪切到views中

Html后缀全部改成art

小技巧:

bat批量修改文件后缀

@echo off

for /r %%a in (*.html) do ren "%%a" "%%~na.art"

 

模板文件中,外联资源添加绝对路径

优化模板(抽离公共部分)

用模板替换原代码头部和侧边栏

 

 

模板的骨架文件

填坑

其它页面也同样删除骨架代码,使用骨架模板

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值