项目简介-NodeJS+MongoDB实现简单网站

项目简介-NodeJS+MongoDB实现简单网站

主要是参考视频学习。视频地址:
http://www.imooc.com/learn/75

一、项目要求

要求在云计算平台上采用脚本语言+NoSQL数据库实现一个简单的在线应用系统。
以小组实验报告的形式提交。

二、项目简介

2122网站,是一个简单的介绍游戏的小站,有游戏的简介、图片,数据记录功能,用户通过云服务器的公网http://119.29.244.31:3000/进入网站,可以自行增删改查数据数据。

项目简介-NodeJS+MongoDB实现简单网站_第1张图片

项目简介-NodeJS+MongoDB实现简单网站_第2张图片

项目简介-NodeJS+MongoDB实现简单网站_第3张图片

项目简介-NodeJS+MongoDB实现简单网站_第4张图片

三、项目过程

项目需求分析:

一个212-2宿舍的网站用于介绍游戏,有首页、详情页、列表页、录入页,数据通过数据库进行存储。网站搭建在云服务器上。

项目主要工具准备:

软件: 主要是nodejs、jade、mongodb,软件版本都是最新的,都是通过npm命令下载的阿里源镜像,网站服务器是腾讯云服务器。

软件包:
node-v6.2.0-x86.msi
monodb
express、body-parser等等一些和nodejs相关的。
安装步骤:
安装nodejs软件包,在全局都可以使用,安装monodb从官网下载100多M的安装,然后再下面目录找到C:\Program Files\MongoDB\Server\3.2\bin照教程http://www.cnblogs.com/wx1993/p/5206587.html把bin目录加到PATH中。用管理员运行命令行mongod --dbpath=C:/data --port 27017。上述代码在C盘根目录创建了data文件夹可以看到http://localhost:27017/有显示。注意下次使用,目录要设置到C:/data。
项目简介-NodeJS+MongoDB实现简单网站_第5张图片
本地PC win7(x64),云服务器也是Windows系统

样式开发:

目录结构:
项目简介-NodeJS+MongoDB实现简单网站_第6张图片
admin.jade录入部分的表格界面

项目简介-NodeJS+MongoDB实现简单网站_第7张图片
类似的,都是jade写的页面。
app.js是入口文件:
项目简介-NodeJS+MongoDB实现简单网站_第8张图片
然后就可以在命令窗口中:node app.js
打开浏览器,输入localhost:3000可以看到主界面,也可以进入其他页面。

设计数据库逻辑:

Mongoose安装好后,可以用它的数据库命令进行更改数据。在此基础上,编写与数据库交互的代码,使后台录入页面的功能实现。

网站开发结束:

中间遇到了一些问题,比如:新版本express 没有 bodyParser模块,就需要单独安装bodyparser,安装命令是npm install body-parser,然后在app.js中加载body-parser模块var bodyParser = require(‘body-parser’),把app.use(express.bodyParser())替换成app.use(bodyParser.urlencoded({ extended: true })),这样调试就没问题了。
其他还遇到过一些jade文件代码没对齐导致的错误,layout.jade的19行没缩进,导致页面打不开,后来从错误信息中改正。

你可能感兴趣的:(基础,JavaScript)