Giter VIP home page Giter VIP logo

mblog's Introduction

前言:

第一个个人项目

相关工具:

  • node v6.10.1
  • mongodb3.2.6(64bit)
  • Robomongo0.9.0-RC8
  • webstrom11.0.1

——————————————————————————————————————— 先上效果图吧

1、网站效果图: 网站首页.png

文章详情页.png

2、移动端显示:

移动端1.png

移动端2.png

3、后台管理系统: 网站后台展示.png

一:网站整体结构(express+mongoose+ejs+layui):

1.1、服务端

  • express:一个node.js快速开发web应用的框架。
  • mongoose:一个在node.js异步环境下对mongodb进行便捷操作的对象模型工具。
  • moment.js:一个极好用的node.js时间模块。
  • express-session:用户登录session管理。
  • validator : 进行表单验证处理的模块.
  • formidable : 图片上传工具.
  • EventProxy.js : 解决nodejs深度嵌套.
  • gm : 头像裁剪工具.
  • MD5 : 加密工具.

1.2、网站

1.3、后台管理系统

  • 使用Layui后台模板,一个很好用的前端框架,相对于bootstrap有各种实现好的功能直接用,如弹窗,时间选择器以及拥有活跃的社区。

二:主要功能:

  • 多用户注册登录。
  • 用户可以发表文章,评论,进行文章点赞,删除自己的文章。
  • 用户主页可以设置个人信息,进行头像修改,密码修改等操作。
  • 超级管理员可以对对用户授权,授权后可以删除指定文章和评论。
  • 超级管理员实现删除用户,指定文章和评论。

三、开发流程:

  • 3.1、前台静态页面设计。
  • 3.2、express项目搭建、数据库设计、路由设计等。
  • 3.3、后台设计。

四、项目总结:

  • 4.1、熟悉了ajax前后端数据交互
  • 4.2、表单验证,用户数据处理
  • 4.3、对HTTP请求有了进一步了解
  • 4.4、学到了服务器部署,服务端采用的是阿里云linux系统部署
  • 4.5、上线使用pm2, 解决nodejs系统错误断线, 快速重启

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.