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

作者简介:Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师

主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助

收藏点赞不迷路  关注作者有好处

文末获取源码 

项目编号:BS-QD-009

一,环境介绍

数据库:Mysql: mysql5.7

开发技术:Vue+Nodejs

二,项目简介

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

三,系统展示

用户登录

前端毕业设计选题之项目仓库管理系统_第1张图片

用户管理

前端毕业设计选题之项目仓库管理系统_第2张图片

业务模块管理

前端毕业设计选题之项目仓库管理系统_第3张图片

四,核心代码展示

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智能应用

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

 

 

你可能感兴趣的:(前端项目实战,前端,状态模式,仓库管理,前端毕业设计选题)