前端毕业设计选题之项目仓库管理系统

简介: 前端毕业设计选题之项目仓库管理系统

一,环境介绍

数据库:Mysql: mysql5.7

开发技术:Vue+Nodejs

二,项目简介

本项目主要基于Vue+Nodejs开发实现了一款前端毕业设计,主要围绕项目仓库进行项目管理功能。主要包含用户管理、管理员管理、项目类型管理、项目信息管理、项目工单管理、项目提交管理等相关功能模块。

三,系统展示

用户登录

用户管理

业务模块管理

四,核心代码展示

var Controller = require("../core/controller.js");
/**
 * 管理后台
 */
class Admin extends Controller {
  /**
   * 构造函数
   * @param {Object} config 配置参数
   */
  constructor(config) {
    // 传参给父类构造函数
    super(
      Object.assign({
          // 选择的模板那路径模板
          tpl: "./admin/",
          // 选择的服务
          service: "admin",
        },
        config
      )
    );
  }
}
// 用户数,访问次数,营业额,消费人数统计,销售量,订单数
Admin.prototype.index = async function(ctx) {
  // 总用户数
  var user_count = await $.services["user"].count();
  // 总文章数
  var article_count = await $.services["article"].count();
  // 分类文章数
  var article_type_num = await $.services["article"].count_group({}, {
    groupby: "type"
  });
  // 最近7日注册用户
  var register_7day = await $.services["user"].date_comput({}, {
    date_key: "create_time",
    size: 7
  });
  // console.log(register_7day);
  // 最近7日订单量
  var order_7day = await $.services["order"].date_comput({}, {
    date_key: "create_time",
    size: 7
  });
  // console.log(order_7day);
  // 最近7日营业额
  var revenue_7day = await $.services["order"].date_comput({}, {
    date_key: "create_time",
    method: "sum",
    field: "price_count",
    size: 7
  });
  // console.log(revenue_7day);
  // 最近7日总销量
  var sales_7day = await $.services["order"].date_comput({}, {
    date_key: "create_time",
    method: "sum",
    field: "price_count",
    size: 7
  });
  // 商品分类销量
  var goods_type_sales = await $.services["goods"].sum_group({}, {
    groupby: "type",
    field: "sales"
  });
  // 模型传入
  var model = await this.model(ctx, {
    user_count,
    article_count,
    register_7day,
    order_7day,
    revenue_7day,
    sales_7day,
    goods_type_sales,
    article_type_num
  });
  return await ctx.render(this.config.tpl + "index", model);
};
module.exports = Admin;
var Controller = require("../core/controller.js");
/**
 * 首页
 */
class Index extends Controller {
  /**
   * 构造函数
   * @param {Object} config 配置参数
   */
  constructor(config) {
    // 传参给父类构造函数
    super(
      Object.assign(
        {
          // 选择的模板那路径模板
          tpl: "./",
          // 选择的服务
          service: "article",
        },
        config
      )
    );
  }
}
/**
 * 首页
 * @param {Object} ctx http请求上下文
 * @return {Object} 返回html页面
 */
Index.prototype.index = async function (ctx) {
  var query = ctx.request.query;
  var { field, page, size } = query;
  delete query.field;
  delete query.page;
  delete query.size;
  var list = await this.service.get_list(
    query,
    Object.assign({}, this.config, {
      field,
      page,
      size,
    })
  );
  var list_article_hot = await this.service.get_list(
    {},
    Object.assign({}, this.config, {
      field: "article_id,description,hits,create_time,author,title,img,url",
      page: 1,
      size: 10,
      orderby: "hits desc",
    })
  );
  var list_article_new = await this.service.get_list(
    {},
    Object.assign({}, this.config, {
      field: "article_id,description,hits,create_time,author,title,img,url",
      page: 1,
      size: 10,
      orderby: "create_time desc",
    })
  );
  var list_goods_sales = await $.services["goods"].get_list({},{orderby:"`sales` desc"});
  var list_goods_new = await $.services["goods"].get_list({},{orderby:"`create_time` desc"});
  var list_ad = await $.services["ad"].get_list({},{orderby:"`display` desc"});
  var list_link = await $.services["link"].get_list({},{orderby:"`display` desc"});
  var model = await this.model(ctx, {
    list,list_goods_sales,list_goods_new,list_article_hot,list_article_new,list_ad,list_link
  });
  return await ctx.render(this.config.tpl + "index", model);
};
module.exports = Index;
var Controller = require("../core/controller.js");
/**
 * 授权
 */
class Auth extends Controller {
  /**
   * 构造函数
   * @param {Object} config 配置参数
   */
  constructor(config) {
    // 传参给父类构造函数
    super(
      Object.assign({
          // 选择的模板那路径模板
          tpl: "./auth/",
          // 选择的服务
          service: "auth",
        },
        config
      )
    );
  }
}
module.exports = Auth;

五,相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统


相关文章
|
25天前
|
监控 前端开发 数据可视化
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
@icraft/player-react 是 iCraft Editor 推出的 React 组件库,旨在简化3D数字孪生场景的前端集成。它支持零配置快速接入、自定义插件、丰富的事件和方法、动画控制及实时数据接入,帮助开发者轻松实现3D场景与React项目的无缝融合。
94 8
3D架构图软件 iCraft Editor 正式发布 @icraft/player-react 前端组件, 轻松嵌入3D架构图到您的项目,实现数字孪生
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
141 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
29天前
|
前端开发 测试技术
前端工程化的分支策略要如何与项目的具体情况相结合?
前端工程化的分支策略要紧密结合项目的实际情况,以实现高效的开发、稳定的版本控制和顺利的发布流程。
27 1
|
1月前
|
前端开发 Unix 测试技术
揭秘!前端大牛们如何高效管理项目,确保按时交付高质量作品!
【10月更文挑战第30天】前端开发项目涉及从需求分析到最终交付的多个环节。本文解答了如何制定合理项目计划、提高团队协作效率、确保代码质量和应对项目风险等问题,帮助你学习前端大牛们的项目管理技巧,确保按时交付高质量的作品。
37 2
|
2月前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
|
2月前
|
前端开发 JavaScript 开发工具
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
43 0
|
2月前
|
Web App开发 前端开发 JavaScript
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
56 0
|
2月前
|
Web App开发 移动开发 前端开发
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
61 0
|
2月前
|
前端开发 API 开发者
🥇前端宝藏:多项目掌握技能的冒险之旅🏆
在前端开发的学习旅程中,实践是提升技能的关键。本文介绍了多个前端项目,包括计算器、天气应用、经典游戏等,涵盖了从React到Svelte的各种技术栈。每个项目都附有在线演示和源代码,旨在帮助读者深入理解实现细节,激励更多人参与实际项目开发。通过这些项目,读者可以将理论知识转化为实践,拓展职业机会。
21 0
|
2月前
|
前端开发 JavaScript
轻松上手:基于single-spa构建qiankun微前端项目完整教程
轻松上手:基于single-spa构建qiankun微前端项目完整教程
56 0
下一篇
DataWorks