ndoe.js实战之开发微博第一讲之工具准备

本文介绍如何使用 Express 和 EJS 构建一个简单的博客系统,包括开发环境的搭建、视图模板引擎的配置、路由规划及界面设计等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

内容:搭建开发环境和视图制作。

      一、创建项目  

               1.express ejs blog  创建项目
                   cd blog 进入项目
                    npm install 加入包的依赖
                2. 加入ejs视图模版引擎支持
                   加入文件 expand_modules/ejs/index.js
                  var engine=require("./expand_modules/ejs");
                  在app中改造引擎
                  app.engine('ejs',engine);

        二、路由规划

            路由规划是网站的骨架部分,因为它处于整个架构的纽约位置,相当于各个接口之间的粘合剂。
            /  :首页
            /u/[user]:用户的主页
            /post:发表信息
            /reg:用户注册
            /doReg  注册功能
            /login:用户登录
            /doLogin  登录功能
            /logout:用户退出
            
            首先在app当中加入路由规则,然后在index.js中写相应的响应处理函数

        三、界面设计

                作为后台开发者,我们不擅长设计,我们可以利用已有的 优秀设计。现在我们在用简洁风格的Twitter Bootstrap,它是Twitter的设计师和工程师发起的开源项目。它提供了一套与Twitter风格一致的简洁,优雅的Web UI。
                1.加入Twitter Bootstrap
                    下载: http://twitter.github.com/bootstrap
                    解压后将js、css和图片放入public指定的目录下,再引入jquery.js的文件。
                2.制作视图
                        layout.ejs、index.ejs、login.ejs、reg.ejs
                
                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值