千锋教育 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