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

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

      一、创建项目  

               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
                
                
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,常用于构建服务器端应用和服务。以下是下载并配置环境变量的步骤: 1. **下载Node.js**: - 访问官方网站 https://nodejs.org/ ,选择适合你操作系统(Windows、Mac OS 或 Linux)的最新版本进行下载。 - 完成下载后,双击安装包,按照提示进行安装。通常会自动添加到系统的PATH环境变量中。 2. **验证安装**: - 安装完成后,在命令行输入 `node -v`,如果显示Node.js的版本信息,说明已经成功安装。 3. **设置环境变量**: - 对于Windows用户: - 打开“控制面板” > “系统和安全” > “系统” > “高级系统设置” > “环境变量”。 - 在系统变量区域找到名为 "Path" 的变量,点击“编辑”,在新窗口的变量值栏中添加 `;%USERPROFILE%\AppData\Roaming\npm` 和 `;%USERPROFILE%\AppData\Roaming\npm\node_modules`(如果你没有安装全局模块,可以跳过这一项),然后点击“确定”保存更改。 - 对于Mac和Linux用户: - 直接编辑终端中的.bash_profile、.bashrc或.zshrc等文件,加入类似下面的路径: ``` export PATH=$PATH:/usr/local/bin/node_modules/.bin export PATH=$PATH:$HOME/.npm-packages/bin ``` 然后运行 `source ~/.bash_profile` (或者相应的文件名) 来使更改生效。 4. **验证环境变量**: - 再次打开命令行,输入 `npm -v` 或 `npx -v`(如果已安装全局包),如果没有错误信息,则表示环境变量配置成功。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值