Giter VIP home page Giter VIP logo

blogsystem's Introduction

一个适合 nodejs 初探者的全栈项目

项目简介

一个基于 nodejsexpress 框架及 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.