From 0 to 1: Design and R&D Notes of Graphic Voting Mini Program

业务背景

当前投票活动十分火,商家,企业,机构,政府部门偶尔都会来一场投票活动评选,比如产品优劣评比,公司杰出青年评选等等.

功能设计

• 主题设置 ：主题色调、投票活动海报图、活动标题、活动规则、日期时间
• 选项设置 ：选项标题、选项描述、选项图片
• 规则设置 ：截止时间、用户投票次数（按天或者全程）、Voting result display settings
• 分享设置 ：分享给好友和群聊,生成二维码海报,Embed into the official account and so on
• 结果统计 ：排行名单,导出投票结果Excel

数据设计

包括：

• vote: 投票主表
• vote_join: 投票详情表
• user: 用户表
• news : 动态表
• fav: 收藏表
• admin : 管理员表
• admin_log: 管理员操作日志表
• setup : 设置表

voting table design

VoteModel.DB_STRUCTURE = {
    
	_pid: 'string|true',
	VOTE_ID: 'string|true',

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

	VOTE_CATE_ID: 'string|true|default=0|comment=分类',
	VOTE_CATE_NAME: 'string|false|comment=分类冗余', 

	VOTE_IS_REG: 'int|true|default=0|comment=是否需要注册',
	VOTE_SHOW_START: 'int|true|default=0|comment=是否展示开始时间',

	VOTE_START: 'int|true|comment=开始时间',
	VOTE_END: 'int|true|comment=截止时间',
	VOTE_THEME: 'int|true|default=0|comment=主题',

	VOTE_ORDER: 'int|true|default=9999',
	VOTE_VOUCH: 'int|true|default=0',

	VOTE_ITEM: 'array|false|default=[]|comment=投票项目 [{
    label=名称,cnt=数量,pic=图片}]',
	VOTE_TYPE: 'int|true|default=1|comment=模式 0=全程 1=每日可投',
	VOTE_MAX_CNT: 'int|true|default=3|comment=可投总票数',

	VOTE_FORMS: 'array|true|default=[]',
	VOTE_OBJ: 'object|true|default={}',

	VOTE_QR: 'string|false',
	VOTE_VIEW_CNT: 'int|true|default=0',
	VOTE_USER_CNT: 'int|true|default=0',
	VOTE_CNT: 'int|true|default=0',

	VOTE_ADD_TIME: 'int|true',
	VOTE_EDIT_TIME: 'int|true',
	VOTE_ADD_IP: 'string|false',
	VOTE_EDIT_IP: 'string|false',
};

投票详情表设计

VoteJoinModel.DB_STRUCTURE = {
    
	_pid: 'string|true',
	VOTE_JOIN_ID: 'string|true',

	VOTE_JOIN_USER_ID: 'string|true|comment=用户ID',
	VOTE_JOIN_VOTE_ID: 'string|true|comment=投票PK',
	VOTE_JOIN_IDX: 'int|true|comment=投票项目索引',
	VOTE_JOIN_DAY: 'string|true|comment=投票日期',

	VOTE_JOIN_VOTE_TITLE: 'string|true|comment=投票项目冗余',
	VOTE_JOIN_ITEM_LABEL: 'string|true|comment=投票选项冗余',

	VOTE_JOIN_ADD_TIME: 'int|true',
	VOTE_JOIN_EDIT_TIME: 'int|true',
	VOTE_JOIN_ADD_IP: 'string|false',
	VOTE_JOIN_EDIT_IP: 'string|false',
};

核心流程

UI设计

后台设计

源码分享

Git源码