Skip to content

千锋教育 express 项目

统计信息:字数 1647 阅读4分钟

千锋教育小案例,一个14节的小课程,主要结合个人在线小说阅读器项目进行实践。

课程没学完

https://study.163.com/course/introduction.htm?courseId=1209598899#/courseDetail?tab=1

01 需求分析

需求:做一个文章管理系统,技术栈为 express + nodejs + mongdb。整体项目是后端项目,前端界面实现功能为主,没有太多 CSS 实现。

原型图中有五个界面:注册、登录、首页、文章编辑、文章详情界面

注册:一个表单:用户名,密码,确认密码,注册按钮,跳转登录

登录:一个表单:用户名,密码,登录按钮,跳转注册

首页:上边 header:左侧是产品 LOGO,右边是用户头像(下拉菜单中有:设置,退出)中间是文章列表(序号,作者,标题,发布时间,编辑,删除等)底部是跳转(前一页,后一页,首页,尾页,共多少页等)

文章编辑:输入文章标题,文章内容,右下方是发布的按钮(也支持编辑已有的小说)头部的组件不变 Header 通用

文章详情:只读的界面,上面是题目,中间是作者和发布时间,下面是具体的内容。头部的组件不变 Header 通用

02 初始化 express + mongodb

使用 express-generator CLI 初始化项目结构(全局安装),需要全局安装 nodemon 可以保证 node 服务端热更新,创建使用 ejs 模板。

需要安装 mongoDB 服务器,在项目中建立链接(这里根据实际安装的数据库操作)。

数据库设计

用户表

书籍表

看到 09 分


Last update: November 9, 2024