Express+MongoDb 商品管理系统2

**Express+MongoDb 商品管理系统2** 本项目是一个基于Express框架和MongoDb数据库的商品管理系统，旨在帮助开发者巩固已学的Web开发知识，同时学习新的技能，如数据库操作的封装和图片上传功能。以下是该项目的主要知识点： ### 1. 综合练习 这个项目是对你在前端和后端开发基础的综合应用，包括HTML、CSS、JavaScript、Node.js、Express以及MongoDb等技术的实战。通过构建商品管理系统，你可以回顾并实践这些基础知识。 ### 2. 封装DB库 在项目中，你需要将与数据库相关的操作进行封装，创建一个独立的DB模块。这样做的好处是提高代码的可维护性和复用性，使数据库操作更加规范。你可以创建一个包含连接MongoDb、查询、添加、更新和删除商品等方法的DB类或模块。 例如： ```javascript const MongoClient = require('mongodb').MongoClient; const uri = 'mongodb://localhost:27017/mydatabase'; class DB { constructor() { this.client = null; this.db = null; } async connect() { this.client = await MongoClient.connect(uri, { useUnifiedTopology: true }); this.db = this.client.db('mydatabase'); } // 商品相关操作 async getProducts() {...} async addProduct(product) {...} async updateProduct(id, updates) {...} async deleteProduct(id) {...} // 关闭连接 async close() { if (this.client) { await this.client.close(); } } } ``` ### 3. 图片上传功能 实现图片上传功能，你需要集成一个文件上传中间件，如Multer。Multer可以帮助处理multipart/form-data类型的数据，常用于表单提交，特别是包含文件的表单。你需要设置一个存储目录来保存上传的图片，并在上传成功后返回图片URL。 ```javascript const multer = require('multer'); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('image'), (req, res) => { const file = req.file; if (!file) { return res.status(400).send('No file uploaded.'); } res.send(`Image uploaded successfully at /uploads/${file.filename}`); }); ``` ### 4. 后台管理员登录、退出登录 登录和退出登录涉及到用户认证和会话管理。你可以使用Express的session中间件，如`express-session`，来跟踪用户的登录状态。当管理员登录成功后，将用户信息存入session，并在退出时清除session。 ```javascript const session = require('express-session'); app.use(session({ secret: 'your-secret-key', resave: false, saveUninitialized: true, cookie: { secure: false } // 在生产环境设为true })); // 登录接口 app.post('/login', (req, res) => { // 验证用户名和密码... req.session.user = user; // 存储用户信息 res.send('Login successful'); }); // 退出登录 app.get('/logout', (req, res) => { req.session.destroy((err) => { if (err) console.error(err); else res.send('Logged out'); }); }); ``` ### 5. 后台登录状态权限管理 对于后台管理界面，你需要实现权限检查，确保只有登录的管理员才能访问特定的路由。这可以通过在每个受保护的路由之前添加检查session中是否存在用户信息的中间件来实现。 ```javascript function ensureAuthenticated(req, res, next) { if (req.isAuthenticated()) return next(); res.redirect('/login'); } app.get('/admin/products', ensureAuthenticated, (req, res) => { // 显示商品列表 }); ``` ### 6. 后台商品管理 后台商品管理包括商品列表、添加、修改和删除操作。这些操作都需要与封装好的DB库交互，使用之前定义的数据库操作方法。 ### 7. 前台显示后台数据 前端使用模板引擎（如ejs）渲染从后台获取的商品数据。你需要创建对应的路由，将商品列表传给前端，展示在商品列表页面上。 ### 8. MongoDb 数据库封装 数据库操作的封装不仅限于商品管理，还可能包括用户管理、订单管理等其他模块。确保所有的数据库操作都遵循相同的接口模式，以便在整个项目中保持一致性。 通过这个项目，你不仅可以深化对Express和MongoDb的理解，还能掌握前后端交互、文件上传和权限控制等核心概念，为后续更复杂的项目打下坚实的基础。