Giter Club home page Giter Club logo

blogsystem's Introduction

一个适合nodejs初探者练手的项目

  • 项目简介: 一个基于nodejs、express框架及mongoDB数据库搭建的简易博客系统

  • 效果实现 :主体分为前后页面,前台包括用户注册登录面板,文章内容的分页、分类展示;内容详情页有文章内容展示,底部有评论信息展示。后台管理页面包括管理首页、注册用户详细信息、文章分类管理页、文章分类添加页、所有文章信息页、添加文章页。实现对整站整站所有内容的增删改查。整站部分页面用bootstrap组件搭建,天然响应式,但是样式很一般。

  • 技术栈

    • nodeJs 搭建基本的后端环境
    • express 实现页面路由设计、页面渲染、后端数据处理
    • mongoose nodejs后端与MongoDB数据库连接的桥梁,定义数据库表结构、构建表模型、通过操作表模型实现对数据库的增删改查。
    • ajax 实现用户注册、登录相关逻辑判断与验证、无刷新提交平论、获取评论
    • body-parser 用于处理前端post请求提交过来的数据
    • cookies 保持用户登录状态,作为中间变量传递给模板实现逻辑上的渲染
    • es6 模板字符串渲染评论,后端数据回馈的大面积promise操作
    • swig 模板渲染引擎,实现页面的引用、继承、代码的复用从而提高页面性能
  • 开发环境 :webstorm、mongoDB

  • 效果图

前台

image image

后台

image


  • 项目收获 :初步熟悉了全栈项目的开发流程,加深前后端数据交互方面的概念,了解了一些中间件的特性,体会了es6语法特性的强大及严谨性。

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.