资讯专栏INFORMATION COLUMN

EDU_BOOK 开发总结

Yumenokanata / 661人阅读

摘要:开发总结整体框架搭建是目前世界最火的框架,无论从性能,还是流程控制上,和它的后宫中间件都是非常好的解决方案。

EDU_BOOK 开发总结 KOA2 + Mongodb 整体框架搭建API

</>复制代码

  1. Koa2是目前Node.js世界最火的web框架,无论从性能,还是流程控制上,koa 2和它的后宫(中间件)都是非常好的解决方案。本文主要koa 2的文档解读和runkoa介绍,让大家对koa 2有一个更简单直接的理解

1.项目目录生成

搭建一个项目首先要要清楚地建立起一个文件系统目录,这样才会清晰明了地安放项目的文件路径,对项目的结构也有所明确。

项目暂时的文件目录如下:

</>复制代码

  1. EDU_Book_Background/
  2. ├── app
  3. ├── controllers/
  4. │ ├── loginController.js
  5. │ └── registController.js
  6. ├── modules/
  7. │ └── user.js
  8. ├── node_mudules
  9. ├── public
  10. ├── routes/
  11. │ ├──home.js
  12. │ ├──index.js
  13. │ ├──login.js
  14. │ └──regist.js
  15. ├── app.js
  16. ├── config.js
  17. ├── package.json
  18. ├── start.js
  19. └── README.md

文件目录解析:

app用于存放前端的JavaScript视图模板

controllers用于存放后台的控制器

modules是数据的原型

public用于存放静态资源

routers用于存放路由系统

app.js是后台的入口文件

config.js是配置文件

start.js用于es6和es7babel转换

2.Koa2的搭建

(1) 首先先安装koa2的npm包:

</>复制代码

  1. npm --save-dev install koa@next

(2) 接着安装koa的路由系统npm包:

</>复制代码

  1. npm --save-dev install koa-router@next

(3) 安装babel的npm包进行js语言的转换

</>复制代码

  1. npm --save-dev install babel-core babel-polyfill babel-preset-es2015-node6 babel-preset-stage-3

这时候我们已经安装好koa2框架的基本使用需求依赖包了。但是我们要怎么在node环境中运行es6和es7的语法呢?所以我们需要写一个js脚本来进行对app.js的转换操作,那就是

server.js文件:

</>复制代码

  1. require("babel-core/register")({
  2. presets: ["stage-3","es2015-node6"]
  3. });
  4. require("babel-polyfill");
  5. require("./app.js");//确定入口文件是app.js

然后每次要启动或者调试程序就是在cmd下运行:

</>复制代码

  1. node start.js

这样我们就可以通过koa2来编写需要的后台服务api了^_^

3.Koa2的服务编写

我们之前已经说过了,app.js是入口文件,一起来看看吧!

</>复制代码

  1. import Koa from "koa"//引入koa2
  2. const app = new Koa();
  3. app.listen(3000);
  4. console.log("app started at port 3000...");

这样Koa的服务运行就开启了!可是这样远远是无法为web提供api的,我们首先需要的是路由系统。

4.Koa2的路由系统搭建

之前已经安装了koa-router支持koa2的路由系统npm包

于是app.js就变为:

</>复制代码

  1. import Koa from "koa"
  2. import bodyParser from "koa-bodyparser" //用于解析request中body的数据
  3. import session from "koa-session" //用于session会话服务
  4. import convert from "koa-convert" //koa2使用koa-session需要先进行convert
  5. import mongoose from "mongoose" //连接mongodb使用
  6. import config from "./config" //程序的配置文件
  7. import router from "./routes/index" //引入路由系统文件
  8. mongoose.connect(`mongodb://${config.mongodb.host}:${config.mongodb.port}/${config.mongodb.dbname}`); //从配置文件中加载数据连接数据库
  9. const app = new Koa();
  10. app.keys = [config.appKey];
  11. app.use(convert(session(app)));
  12. // parse request body:
  13. app.use(bodyParser());
  14. // add router middleware:
  15. app.use(router.routes()).use(router.allowedMethods());
  16. app.listen(3000);
  17. console.log("app started at port 3000...");

接下来看主要部分,路由系统

(1) 主路由文件index.js:

</>复制代码

  1. //分多个文件来对路由进行处理
  2. import Router from "koa-router"
  3. import homeRouter from "./home"
  4. import loginRouter from "./login"
  5. import registRouter from "./regist"
  6. const router = new Router();
  7. //登录响应路由
  8. router.use("/login",loginRouter.routes(),loginRouter.allowedMethods());
  9. //注册响应路由
  10. router.use("/",homeRouter.routes(),homeRouter.allowedMethods());
  11. //主页响应路由
  12. router.use("/regist",registRouter.routes(),registRouter.allowedMethods());
  13. export default router;

(2)举例登录路由文件:

login.js:

</>复制代码

  1. import Router from "koa-router"
  2. import loginController from "../controllers/loginController"
  3. const router = new Router();
  4. router.post("/",loginController.loginPost); //对post方法的/login进行处理,调用登录管理控制器
  5. router.get("/",loginController.loginGet); //对get方法的/login进行处理
  6. export default router;

控制器处理路由:

loginController.js

</>复制代码

  1. import UserModel from "../models/user" //加载数据原型
  2. import { MD5, SHA256 } from "crypto-js"; //引入加密方式
  3. exports.loginPost = async (ctx, next) => {
  4. var req = ctx.request,
  5. name = req.body.name,
  6. password = SHA256(req.body.password),
  7. email = req.body.email;
  8. var result = await UserModel.findOne({
  9. name: name,
  10. password: password.toString(),
  11. email: email
  12. });
  13. if (result && result._id) {
  14. console.log("登录成功!!!");
  15. ctx.set("Access-Control-Allow-Origin", "*");
  16. ctx.response.status = 200;
  17. ctx.response.type = "application/json";
  18. ctx.response.body = { name: name, password: password, email: email };
  19. } else {
  20. ctx.throw(400, "some information wrong!");
  21. console.log("登录信息不匹配!");
  22. }
  23. }
  24. exports.loginGet = async (ctx, next) => {
  25. ctx.response.status = 200;
  26. ctx.response.body = `

    Login

  27. Name:

  28. Password:

  29. Email:

  30. `;
  31. }

当我们搭建好各种路由响应后就要配置数据库了。

5.Mongoose数据库搭建

要用mongoose链接并搭建数据库得先建立一个数据原型:

user.js:

</>复制代码

  1. import mongoose from "mongoose"
  2. var Schema = mongoose.Schema;
  3. const UserSchema = new Schema({
  4. name: { type: String, required: true},
  5. password: { type: String, required: true },
  6. email: { type: String, required: true ,unique: true},
  7. createdTime: { type: Date, default: Date.now() }
  8. });
  9. var User = mongoose.model("User", UserSchema);
  10. module.exports = User;

这样当我们需要写入或查询数据时就先引入数据原型,然后创建数据原型的新对象,进行匹配后如果正确就可以保存到数据库中:

</>复制代码

  1. var user = null,result = null,req = ctx.request,
  2. name = req.body.name,
  3. password = SHA256(req.body.password),
  4. email = req.body.email;
  5. user = new UserModel({
  6. name: name,
  7. password: password,
  8. email: email,
  9. });
  10. result = await user.save().catch(e => e); //使用await进行异步操作保存数据到数据库
  11. if(result && result._id) {
  12. console.log(result._id);
  13. console.log("success");
  14. ctx.response.redirect("/login");
  15. } else {
  16. console.log("邮箱或用户名已经被注册过了!!!");
  17. }

查找数据:

</>复制代码

  1. var req = ctx.request,
  2. name = req.body.name,
  3. password = SHA256(req.body.password),
  4. email = req.body.email;
  5. var result = await UserModel.findOne({
  6. name: name,
  7. password: password.toString(),
  8. email: email
  9. }); //使用await进行异步操作查询数据库中的数据
  10. if (result && result._id) {
  11. console.log("登录成功!!!");
  12. ctx.set("Access-Control-Allow-Origin", "*");
  13. ctx.response.status = 200;
  14. ctx.response.type = "application/json";
  15. ctx.response.body = { name: name, password: password, email: email };
  16. } else {
  17. ctx.throw(400, "some information wrong!");
  18. console.log("登录信息不匹配!");
  19. }

这样一来我们的服务器的大致框架就搭建好了,接下来就需要编写各种api方法,数据模型,关系存储以及安全权限验证了,接下来的开发过程中会进一步补充这一系列的总结。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/18895.html

相关文章

  • 【经验分享】测试人员如何写总结

    摘要:参与者项目经理产品经理开发经理测试经理及其它相关人员。项目上线后问题反馈针对项目客户反馈问题进行分析总结,类似缺陷分析,重点总结遗漏的原因及后需的规避措施。六汇总整理各部门总结并发布基于测试总结过程中的数据分析,我们提出了对部门的建议。 最近参与了几次面试,面试者的简历中都会提及:需求或者...

    Vixb 评论0 收藏0
  • 2016年总结 - 收藏集 - 掘金

    摘要:然而这次的文章,就像贺师俊所说的这篇文章是从程序员这个老年度总结前端掘金年对我来说,是重要的一年。博客导读总结个人感悟掘金此文着笔之时,已经在眼前了。今天,我就来整理一篇,我个人认为的年对开发有年终总结掘金又到 2016 Top 10 Android Library - 掘金 过去的 2016 年,开源社区异常活跃,很多个人与公司争相开源自己的项目,让人眼花缭乱,然而有些项目只是昙花一...

    DataPipeline 评论0 收藏0
  • Java 初学者做的第一个微信小程序总结--关于Java基础

    摘要:官方资料微信公众平台注册小程序。官网开发文档社区开发工具部署微信小程序微信小程序本身不需要部署,在微信开发工具中直接上传代码就行。 为什么 学习 Java 三年,目前已经工作了2年,因为自学,基础差,所以打算年末总结一下常见的基础知识和面试点; 也可以通过独立做一个项目整合自己工作期间学习的知识,加深印象。 但是想着回家或是平时手机用的多,做一款APP和小程序很方便查看。 项目展示 本...

    mudiyouyou 评论0 收藏0
  • vue开发微信商城项目总结之三--根据不同的开发环境做配置

    摘要:项目是基于搭建,项目分为开发环境,测试环境,预生产环境,生产环境,其中开发环境和测试环境调用同一个接口,开发环境调用服务器端的测试接口会跨域,以上需求就引发了一些问题,问题一测试环境包括开发环境,并且开发环境跨域,预生产环境,生产环境,有 项目是基于vue-cli搭建,项目分为开发环境,测试环境,预生产环境,生产环境,其中开发环境和测试环境调用同一个接口,开发环境调用服务器端的测试接口...

    Magicer 评论0 收藏0
  • 微信小程序项目总结(一)

    摘要:前言微信小程序的开发,我应该算是赶上了第一波,所以,自然是一路踩坑而来。注以下标题是按照微信开发工具上的选项进行划分的。不过,除此之外,它还会产生另外一个副作用,就是可能连小程序本身上的请求都请求不了了。 -- KChris 2017.3.16 (=^.^=) 前言微信小程序的开发,我应该算是赶上了第一波,所以,自然是一路踩坑而来 =。=一月九日,小程序正式上线,早早地就到公司开始改b...

    whatsns 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<