背景

成绩发布与查询小程序作为成绩管理的一个工具,用户可以通过小程序随时按条件(可自定义)查询各科成绩(可自定义)。另外,成绩查询小程序还提供新闻资讯,用户可以及时了解学校各种活动,以免错过重大通知。校方或者老师可以在后台登录系统,录入考生的成绩信息,并可以自定义多个考试科目,自定义查询条件,支持多个查询条件组合等。

主要功能规划

项目立项规划了如下功能:通知公告,成绩列表,多条件成绩查询,成绩分享,后台Excel批量录入成绩,后台批量导出成绩,后台自定义成绩科目,后台自定义查询条件等功能。
image.png

数据库设计

SheetModel.DB_STRUCTURE = {
    _pid: 'string|true',
    SHEET_ID: 'string|true',

    SHEET_TITLE: 'string|true|comment=标题',
    SHEET_STATUS: 'int|true|default=1|comment=状态 0=未启用,1=使用中',

    SHEET_CATE_ID: 'string|true|default=0|comment=分类',
    SHEET_CATE_NAME: 'string|false|comment=分类冗余',

    SHEET_ORDER: 'int|true|default=9999',
    SHEET_VOUCH: 'int|true|default=0',

    SHEET_FORMS: 'array|true|default=[]',
    SHEET_OBJ: 'object|true|default={}',
 
    SHEET_QR: 'string|false',
    SHEET_VIEW_CNT: 'int|true|default=0',
    SHEET_DATA_CNT: 'int|true|default=0',

    SHEET_ADD_TIME: 'int|true',
    SHEET_EDIT_TIME: 'int|true',
    SHEET_ADD_IP: 'string|false',
    SHEET_EDIT_IP: 'string|false',
};
SheetDataModel.DB_STRUCTURE = {
    _pid: 'string|true',
    SHEET_DATA_ID: 'string|true',
    SHEET_DATA_SHEET_ID: 'string|true|comment=FK',
    SHEET_DATA_SHEET_TITLE: 'string|false',

    SHEET_DATA_FORMS: 'array|true|default=[]', 

    SHEET_DATA_ADD_TIME: 'int|true',
    SHEET_DATA_EDIT_TIME: 'int|true',
    SHEET_DATA_ADD_IP: 'string|false',
    SHEET_DATA_EDIT_IP: 'string|false',
};

核心实现

/** 浏览信息 */
    async viewSheet(id) {

        let fields = '*';

        let where = {
            _id: id,
            SHEET_STATUS: SheetModel.STATUS.COMM
        }
        let sheet = await SheetModel.getOne(where, fields);
        if (!sheet) return null;

        SheetModel.inc(id, 'SHEET_VIEW_CNT', 1);



        return sheet;
    }


    /** 取得分页列表 */
    async getSheetList({
        cateId, //分类查询条件
        search, // 搜索条件
        sortType, // 搜索菜单
        sortVal, // 搜索菜单
        orderBy, // 排序 
        page,
        size,
        isTotal = true,
        oldTotal
    }) {

        orderBy = orderBy || {
            'SHEET_ORDER': 'asc',
            'SHEET_ADD_TIME': 'desc'
        };
        let fields = 'SHEET_QR,SHEET_ADD_TIME,SHEET_OBJ,SHEET_VIEW_CNT,SHEET_TITLE,SHEET_ORDER,SHEET_STATUS,SHEET_CATE_NAME';

        let where = {};
        where.and = {
            _pid: this.getProjectId() //复杂的查询在此处标注PID
        }; 
        if (cateId && cateId !== '0') where.and.SHEET_CATE_ID = cateId;

        where.and.SHEET_STATUS = SheetModel.STATUS.COMM; // 状态   

        if (util.isDefined(search) && search) {
            where.or = [{
                SHEET_TITLE: ['like', search]
            },];
        } else if (sortType && util.isDefined(sortVal)) {
            // 搜索菜单
            switch (sortType) {
                case 'cateId': {
                    if (sortVal) where.and.SHEET_CATE_ID = String(sortVal);
                    break;
                }
                case 'sort': {
                    orderBy = this.fmtOrderBySort(sortVal, 'SHEET_ADD_TIME');
                    break;
                }

            }
        } 
        return await SheetModel.getList(where, fields, orderBy, page, size, isTotal, oldTotal);
    }

用户端UI设计

image.png
image.png
image.png
image.png

管理端UI设计

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

源码

git源码地址


CC同学呀
27 声望13 粉丝

鹅厂程序猿一枚,交流v: cclinux0730