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

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

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

一、项目要求

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

二、项目简介

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

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

三、项目过程

项目需求分析:

一个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。
这里写图片描述
本地PC win7(x64),云服务器也是Windows系统

样式开发:

目录结构:
这里写图片描述
admin.jade录入部分的表格界面

这里写图片描述
类似的,都是jade写的页面。
app.js是入口文件:
这里写图片描述
然后就可以在命令窗口中: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行没缩进,导致页面打不开,后来从错误信息中改正。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

源计划猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值