2022-2023年度广东省职业院校学生专业
技能大赛(高职组)小程序设计与开发赛项
竞赛规程
一、赛项名称
赛项编号:G74
赛项名称:小程序设计与开发
赛项组别:高职组
二、竞赛目的
应用,小程序已实现了对中国移动互联网群体的全面覆盖,推动
了移动互联网的全民化进程,并帮助各类企业实现了“互联网+”,
降低了企业入局互联网的门槛。目前小程序生态继续保持高速蓬
勃发展,各互联网大平台都在加速推动小程序的能力释放。高职
向及工匠工坊,为小程序生态提供了不少技术技能型人才。2019
年9月,W3C也首次发布小程序标准化白皮书,进一步推动和规
范小程序设计与开发。本赛项方案参照世界技能大赛与全国职业
技能大赛的制度、规范和流程制定,面向在校高职学生,旨在通
过竞赛的方式提升高职学生软件小程序应用的运维、运营、模板
化定制与开发能力,实现与世界技能大赛接轨,促进赛教融合、
赛训融合,推动小程序生态体系的人才培养,满足社会发展对人
才的需求。
1
三、竞赛内容
根据业务需求和实际的工程应用环境,要求参赛选手实现小
程序开发的规划设计、完成小程序功能、完成服务端接口请求。
竞赛涵盖如下内容:
第一部分:产品设计
1.使用Photoshop设计工具,实现页面的切图,分离图标与效
果图片。
2.使用Photoshop设计工具,根据页面效果示意图,设计页面
的高清图。
3.使用Photoshop设计工具,根据图标、轮播、活动内容的效
果示意图,设计图标、轮播、活动内容的高清图。
第二部分:小程序前端开发
1.使用HBuilderX开发工具,基于vue-cli前端框架,编写小
程序的json配置、vue前端页面代码与JavaScript逻辑代码,实现
活动管理小程序的前端功能。
能实现。用户管理包括创建用户、修改用户、修改密码;活动管
第三部分:小程序后台开发
1.使用私有云平台提供的MySQL、Redis容器云服务,开发小
程序后端Java代码,实现小程序后台服务。
2
与活动管理等。微服务管理包括服务注册、服务配置与服务网关;
3.实现以上后台服务,对接小程序前端,调试和运行服务,实
现小程序活动管理的数据获取与展示。
四、竞赛方式
本赛项为个人赛,以院校为单位组队参赛,每支参赛队由1
名选手和1名指导教师组成。
五、竞赛流程
竞赛于上午9:00比赛正式开始,13:00比赛结束,共计4个小
时。比赛形式以实践操作为主,以现场过程评价与完成任务结果
评价为主要考核方式。
竞赛日程内容地点
12:00前接站、报到、安排住宿驻地
13:30-14:30领队会(抽签确定检录顺序号、赛前说明)会议室
第一天14:30-15:00选手熟悉竞赛场地赛场
15:30-16:30开赛式报告厅
17:00-18:00返回驻地、晚餐驻地
7:00-7:40早餐驻地
第二天7:40选手集合上车驻地
8:30-9:00按领队会抽取的检录顺序,对选手检录,用身赛场
3
份牌换取一次加密号,凭一次加密号换取二次
加密号,进场待考。
裁判长在监督组监督下导入竞赛试题。
9:00-13:00比赛赛场
13:00-15:00评分赛场
15:00-18:00抽检和统分赛场
18:00-19:00闭幕式报告厅
(二)赛项流程
1.参赛选手入场
参赛选手使用报到时领取的抽签号,进行一级加密顺序号及
二级加密赛位号的抽取,入场时通过赛位号进行检录查询赛场的
位置,并按照工位位置就位。
2.竞赛过程
裁判长宣布比赛开始后,各参赛选手进行比赛。按照任务书
的要求,逐一完成每个项目任务要求,并保存和提交竞赛结果。
3.竞赛结束
作,按照裁判组要求有秩序的离开竞赛场地。
具体的赛项流程图如图1所示。
4
图1赛项流程图
六、竞赛赛卷
采用公开样题的赛项,专家组编制完成样题后,由大赛执委
会在省赛平台正式发布。公开样题于正式比赛前20天发布。
正式比赛试题由专家组依据竞赛规程和样题模式进行编制,
正式比赛试题的内容与样题内容不可重复,但题型、分值要一致。
每个赛项编制3套正式比赛试题,每套试题的重复率不超过
30%。正式比赛试题编制完成后,专家组按照专家承诺书的要求做
好保密工作,并于比赛的前5天将密封后的3份正式赛题交付大
赛执委会保存。
正式比赛时,由省教育厅选派的大赛督察员从3套试题中随
机任意抽取一套试题作为比赛用题。
七、竞赛规则
5
(一)竞赛报名
1.各院校按照大赛组委会规定的报名要求报名参赛。参赛选手
须为普通高等学校全日制在籍专科学生、本科院校中高职类全日
制在籍学生,五年制高职四、五年级学生也可报名参赛。参赛选
为准。根据实际情况,如学生超过年龄限制,但其他条件符合文
件的参赛要求,仍可以报名参赛。
2.本赛项为个人赛,个人赛每名选手可报1名指导教师。
3.参赛选手和指导教师报名,获得确认后不得随意更换。已在
省大赛平台提交的报名信息,原则上不能变更,如遇特殊情况,
需更改报名信息,须由参赛院校于开赛前10个工作日向省大赛办
提交申请,经审批通过后由后台工作人员统一修改。
(二)熟悉场地规则
时限定在指定区域与路线,不允许进入比赛区。
2.熟悉场地时严禁与现场工作人员进行交流,不发表没有根据
以及有损大赛整体形象的言论。
3.熟悉场地时严格遵守大赛各种制度,严禁拥挤,喧哗,以免
发生意外事故。
(三)入场规则
2.裁判将对各参赛选手的身份进行核对。参赛选手须提供参赛
证、身份证、经学校注册的学生证,证件上的姓名、年龄、相貌
特征等应与参赛证信息一致。
6
3.裁判检验参赛选手携带的随身物品,不允许携带任何具有通
讯及存储功能的设备、纸质材料等物品,检查合格后方可进入赛
场抽签区。
4.第一次加密时,参赛选手按已获得的抽签顺序号依次抽取参
赛编号;第二次加密时,参赛选手凭已获得的参赛编号抽取比赛
工位号;完成两次加密后,参赛选手在现场裁判的指挥下有序进
入赛场,按已获得的比赛工位号就位。
(四)赛场规则
1.选手进入赛场后,必须听从现场裁判的统一安排和指挥。
2.参赛选手进入比赛工位号后,可查看比赛环境,如有问题可
立即向现场裁判报告,但不可进行比赛任务的操作。
3.在现场裁判宣布比赛开始后,参赛选手才能开始动手完成比
赛任务的操作。
4.比赛过程中,参赛选手必须严格遵守安全操作规程,确保人
身和设备安全,并接受现场裁判和技术人员的监督和警示。
5.比赛过程中若有任务书字迹不清问题,可示意现场裁判,由
现场裁判解决。若认为比赛设备有问题需修复或更换时,应在赛
场记录表的相应栏目填写修复问题及原因、更换设备原因、更换
或更换。修复或更换工作完成后,现场裁判和技术人员须检验并
将结果记录在赛场记录表相应栏目中并由参赛选手签工位号确认。
6.在比赛过程中,参赛选手不得随意离开比赛工位,不得与其
他参赛选手和人员交流。参赛选手因故终止比赛或提前完成比赛
7
任务需要离场,应报告现场裁判,在赛场记录表的相应栏目填写
7.在比赛过程中,严重违反赛场纪律影响他人比赛者,违反操
作规程不听劝告者,越界影响他人者,有意损坏赛场设备或设施
者,经现场裁判报告裁判长,经大赛组委会办公室同意后,由裁
判长宣布取消其比赛资格。
(五)离场规则
2.比赛结束信号给出,由裁判长宣布终止比赛。
3.裁判长宣布终止比赛后,参赛选手应停止全部竞赛任务的操
作。竞赛过程中的所有资料和比赛用设备工具等均需整齐摆放在
工作台上,不得带出赛场。
4.裁判长宣布终止比赛后,现场裁判组织、监督选手有序退出
工位,站在工位边的过道上。裁判长宣布离场时,现场裁判指挥
选手统一离开赛场。
5.需要补时的参赛选手继续在自己的比赛工位上,在现场裁判
宣布补时操作开始后,需要补时的参赛选手开始继续操作。当现
6.选手离场后,到指定的休息场所用餐、等待评定比赛成绩。
(六)成绩评定与管理规则
1.成绩管理的机构及分工
成绩管理机构由裁判组和仲裁组组成。裁判由大赛主管部门
在大赛裁判库中抽取,仲裁组由大赛组委会办公室指派。
8
(1)裁判组实行“裁判长负责制”,设裁判长1名,全面负责
赛项的裁判分工、裁判评分审核、处理比赛中出现的争议问题等
工作。
(2)裁判员根据比赛需要分为检录裁判、加密裁判、现场裁
判和评分裁判。
检录裁判:负责对参赛选手进行点名登记、身份核对等工作;
加密裁判:负责组织参赛选手抽签,对参赛队信息、抽签代
码等进行加密;
现场裁判:按规定做好赛场记录,维护赛场纪律,评定参赛
选手的过程得分;
评分裁判:负责对参赛选手完成的比赛成果按评分细则评定
成绩。
(3)仲裁组负责接受由参赛校领队提出的对裁判结果的申诉,
组织复议并及时反馈复议结果。
2.成绩管理流程
9
3.比赛成绩评定
本赛项的评分方法为结果评分,由裁判依据评分标准进行评
分。
4.解密
裁判长正式提交工位号评分结果并复核无误后,加密裁判在
监督人员监督下对加密结果进行逐次逆向解密。
5.成绩公布
解密汇总的各参赛选手比赛成绩,经裁判长签字后,产生各
参赛选手所获得的成绩并提交省厅审核,正式成绩由省厅公布。
八、竞赛环境
竞赛场地中的每个竞赛工位内设有操作平台。每个工位内,
配有电源,工位内的电缆线应符合安全要求。每个竞赛工位大小
需满足考生正常的操作,工位之间互不干扰。竞赛工位标明工位
号,并配备竞赛平台和技术工作要求的软、硬件环境。环境标准
要求保证赛场采光、照明和通风良好,为每支参赛队提供笔、纸
张等工具,提供饮用水。竞赛全天使用内网进行比赛,不连接公
网环境。
九、技术规范
赛项的技术能力规范如下:
(一)技术描述
产品设计指根据项目需求完成小程序前端页面及管理后台的
页面设计,实现能在各种终端上使用的页面及交互效果。选手要
熟练地进行图形图像处理,设计项目的logo和主题风格,并在各
10
设计效果。选手分别使用HTML5、CSS3、JavaScript、Vue.js、uni-app
等前端技术按设计稿实现页面,并完成各种交互效果的开发,此
外还要处理好代码编写过程中发生的异常问题。
十分重要的,需要妥善处理。在实际工作中,产品设计者要能理
解网页及小程序制作的技术和艺术价值。技术的运用是为了帮助
产品运营人员更好更高效地工作(自动化)。网站及小程序的颜
色、字体、图形以及布局则需要富有创意的设计技巧。用户界面
要确保具有良好的可用性。
(二)能力要求
1.技术能力要求细则
1.1可用性及可及性
选手必须知道并理解:
网络可及性,即网站的无障碍网页访问;
如何使不同年龄层次的群体均能受益;
可用性就是能帮助人们方便地在整个网站和小程序中导航;
如何为不同的设备创建不同模板;
选手必须能够:
保持网站和小程序风格的统一和一致性;
创建易于使用的导航系统;
使得网站内的信息易于被检索;
1.2平面设计
如何创建图形文件、图片并具备审美价值;
11
如何根据要求有效使用提供的文字简介进行设计;
在设计网站和小程序时,颜色、排版和图像时所需要的创意和技巧;
如何凸显应用的目标受众群体;
如何运用用户中心的设计;
导入并编辑图像;
为网页优化图像;
使用某种图像处理软件创作图像;
使用某种图像处理软件对图片进行切片;
选用可以增强设计效果的布局版式;
为不同的屏幕分辨率进行设计;
对给定的分辨率进行优化,并且页面在不同分辨率的设备中良好工作;
为各种自适应的网站及小程序页面设计合适的效果;
创建高效的、直观、易用的导航系统;
创建的页面布局包含:流式页面、网格页面、页面留白、均衡的文字图像,
清晰的层次;
1.3小程序前端开发
如何使用最新的设计技术和编码技术开发遵循行业标准且具有良好持续
性、一致性的小程序前端应用;
使用HTML5、CSS3、JavaScript、Vue.js、uni-app等前端技术来实现页面
各部分内容;
对接RestfulApi,完成页面数据的查询;
12
所创建的小程序内容在不同分辨率的屏幕上要保持一致且结构良好;
能在两种不同的操作系统上优化页面,获得较好操作系统的兼容性;
1.4小程序管理后台开发
性、一致性的小程序管理后台;
使用Java、IDE等工具来实现页面各部分内容;
使用Java语言实现对后台业务逻辑的开发;
使用Postman接口测试工具对接口进行调用,并提供Restful风格的接口;
2.理论知识能力细则,但不直接进行测试
色彩构成理论;
图片制作、加工、处理的要素;
HTML、CSS、Javascript,Vue等语言和工具的语法和使用规则;
小程序开发中组件、API、Json语法和使用规则;
小程序后端语言Java的语法和使用规则;
JavaIDE、Postman工具的使用;
所有需要使用的软件的操作知识;
十、技术平台
竞赛实操环境使用集群模式,集群规模根据参赛队的数量构
建,各赛位通过网络进行连接访问。比赛条件由承办单位根据本
校实际情况确定,并向参赛队无偿提供。
13
1.竞赛集群软、硬件建议配置如下:
通用2U服务器,建议配置IntelSliver
控制节点服务器3系列CPU或以上,内存64G或以上,
硬盘300G或以上。
通用2U服务器,建议配置Intel
计算节点服务器4Sliver系列CPU或以上,内存192G或
硬件设备以上,硬盘2T或以上。
三层千兆以太网交换机,建议配置
千兆网口24个或以上,包转发率
交换机1
200Mpps或以上,支持arp表大小2K
或以上,支持三层vlan数量2K或以上。
基于OpenStack、Kubernetes构建的云平
软件平台云计算基础架构平台1
台,提供云主机与容器资源。
2.单个赛位软、硬件配置如下:
类别名称型号数量备注
IntelXeonE5系列处理器,内存32G,硬
容器资源通用设备1
盘600G。或同等性能的云平台容器资源。
硬件设备
通用设备,i7以上CPU或同性能其他CPU,
PC机通用设备1
内存16G以上,带显卡支持2D和3D渲染。
1.支持X86与KunpengCPU架构服务器上
部署。构建云原生开发环境,部署数据库、
私有云平台资私有云平台
消息服务、缓存服务、WebServer、持续集
源管理系统软资源管理软1成环境。
平台基于版本构建的容器云
件件V1.02.Kubernetes
平台,通过对接RestfulAPIs的方式实现容
器云服务。
软件平台
1.活动管理小程序包含小程序前段源码、
小程序设计素材、图片等。
小程序应用
开发平台软1活动等界面。
务软件
件V1.03.活动栏包括活动列表、活动查询组件。
14
容器部署。
2.支持小程序服务接口对接,提供标准的
小程序开发
小程序开发框restful服务代码。
框架软件13.支持数据库对接配置与代码。
架软件
V1.04.支持服务的注册与发现功能代码。
5.支持统一网关访问功能代码。
1.支持定义多个竞赛,每个竞赛支持定义
在线考核分主裁判、命题裁判、判分裁判,支持导入
选手清单。
竞赛平台竞赛管理平台析系统软件1
2.支持定义试题、导入导出Word格式试题。
V1.0支持主裁判选择比赛正式赛题。
3.支持结果评分、成绩统计。
3.通用软件和工具清单
序号软件介绍
1Windows操作系统windows10
HBuilderX、VisualStudio
2小程序开发工具
Code
3JDKJava语言的软件开发工具包
4IDEIdeaJavaWeb开发工具
5Mysql数据库工具
6NavicatPremium数据库图形化界面
7Apache-maven项目Jar包管理
8Redis存储系统,数据结构服务器
9PhotoShopUI设计工具,图片切图
十一、成绩评定
(一)评分文件
1.评分标准
模块任务主要知识及技能点分值
15
分:产品活动组织管理系统Logo图设计,并制作其高
2.Logo图设计5分
设计清图。
使用PhotoShop抠图及取色等功能,根据示意
3.功能高清图修改5分
使用PhotoShop抠图、取色、测量等功能,参
4.功能高清图设计10分
小计25分
使用HTML、图片标签和swiper标签实现轮
1.轮播图界面实现5分
播图功能
2.活动列表界面实使用Flex布局和v-for,根据数据结构实现活
10分
现动列表功能
第二部3.活动查询界面实使用Http请求,调用后端接口发送查询关键
分:小程现字,实现活动查询功能
发实现HTML、CSS展示出数据
使用Vue双向绑定获取数据,并用JSON封装
5.活动报名界面实
数据,调用服务端接口发送报名数据,实现活15分
现
动报名
小计50分
1.修改activity配置,将activityserver注册到
eureka中;
2.修改gateway配置,集成activityserver到
1.新增活动类型功
第三部gateway,统一路由;10分
能实现
分:小程3.基于tk.mybatis开发主键查询活动方法和更
序后台接新活动状态方法,使用springbootweb整合成
口开发活动审核的RestfulAPI
基于tk.mybatis开发新增活动类型方法,使用
2.发布活动功能实
Springbootweb整合成新增活动类型的5分
RestfulAPI
16
3.活动审核接口功基于tk.mybatis开发新增活动方法,使用
能实现springbootweb整合成新增活动的RestfulAPI
总分100分
(二)评分方法
本赛项的评分方法为结果评分,由裁判依据评价标准进行评
(三)成绩审核与产生
1.评分裁判汇总每一个工位在各个评分项目中的得分,并对成
绩进行复查审核,提交裁判长。
2.裁判长复核每一个工位在各个评分项目的得分,产生每个工
位的总得分(竞赛成绩)。
3.为保障成绩评判的准确性,裁判组将对赛项成绩抽检复核,
如发现成绩错误以书面方式及时告知裁判长,由裁判长更正成绩
并签字确认。
4.最终成绩经复核无误,由加密裁判在裁判组的监督下解密,
由裁判组签字确认。
十二、奖项设定
根据参赛队竞赛成绩排名分别设立一、二、三等奖。以各赛
项实际参赛选手数量为基数,一、二、三等奖获奖比例分别为15%、
25%、40%(小数点后四舍五入)。
十三、赛场预案
赛项承担单位应编制车辆安全措施应急预案、食品安全措施
应急预案、火灾安全事故紧急处理预案、伤害事故紧急处理预案、
17
设备事故紧急处理预案,电力供应事故紧急处理预案等。对处理
各种可能出现的突发状况进行事先演练,确保赛项顺利进行。
(一)消防预案
赛场内设置消防应急通道以及合规的标识标牌与指示灯,配
备必要的消防设备器材,有对应的消防应急处理流程,并明确相
关责任人。
(二)供电预案
赛场内保证电源供电,以支持赛事用集群服务器、计算机的
(三)医疗预案
学校内配备必要的医护人员与急救药品,能够应急处理突发
事件。
(四)设备预案
1.赛场备用工位:赛场提供占总参赛人数10%的备用工位。
2.考试系统可靠性:考试系统使用前后端分离架构,整体服务
使用微服务架构部署,提高可靠性与易维护性。考试系统赛前3
天开始运行,进行多次压力测试,由赛项承办学校组织真实考试
3.现场应急预案详情如下:
(1)服务器问题预案
若服务器在比赛过程中出现卡顿、死机等情况,参赛选手举
手示意现场裁判,在现场裁判与技术支持人员确定情况后,可更
(2)交换机问题预案
18
若交换机在比赛过程中出现传输速度慢或无故中断等情况,
参赛选手举手示意现场裁判,在现场裁判与技术支持人员确认后,
(3)PC机问题预案
若PC机在比赛过程中出现死机、蓝屏等现象(重启后无法解
决),参赛选手举手示意现场裁判,在现场裁判与技术支持人员
确认后,可更换备用工位或更换PC机后再进行答题。
十四、赛项安全
赛场严格按照国家防疫措施执行,以对应突发情况发生。
赛项安全是技能竞赛一切工作顺利开展的先决条件,是赛项
筹备和运行工作必须考虑的核心问题。采取切实有效措施保证大
赛期间参赛选手、指导教师、裁判员、工作人员及观众的人身安
全。
(一)比赛环境
1.须在赛前组织专人对比赛现场、住宿场所和交通保障进行
考察,并对安全工作提出明确要求。赛场的布置,赛场内的器材、
设备,应符合国家有关安全规定。如有必要,也可进行赛场仿真
模拟测试,以发现可能出现的问题。承办院校赛前须按照要求排
除安全隐患。
2.赛场周围要设立警戒线,要求所有参赛人员必须凭有效证
件进入场地,防止无关人员进入发生意外事件。比赛现场内应参
性的操作环节,裁判员要严防选手出现错误操作。
19
3.承办院校应提供保证应急预案实施的条件。对于比赛内容
涉及高空作业、可能有坠物、大用电量、易发生火灾等情况的赛
项,必须明确制度和预案,并配备急救人员与设施。
4.严格控制与参赛无关的易燃易爆以及各类危险品进入比赛
场地,不许随便携带书包进入赛场。
5.配备先进的仪器,防止有人利用电磁波干扰比赛秩序。大
赛现场需对赛场进行网络安全控制,以免场内外信息交互,充分
体现大赛的严肃、公平和公正性。
6.承办院校制定开放赛场和体验区的人员疏导方案。赛场环
境中存在人员密集、车流人流交错的区域,除了设置齐全的指示
标志外,须增加引导人员,并开辟备用通道。
7.大赛期间,承办院校须在赛场管理的关键岗位,增加力量,
建立安全管理日志。
(二)生活条件
1.比赛期间,原则上入住赛项承办院校统一推荐的酒店,参
赛选手和指导教师食宿费用自理。
2.各赛项的安全管理,除了可以采取必要的安全隔离措施外,
(三)组队责任
1.各学校组织代表队时,须安排为参赛选手购买大赛期间的
人身意外伤害保险。
手、指导教师进行安全教育。
20
3.各参赛队伍须加强对参与比赛人员的安全管理,实现与赛
场安全管理的对接。
(四)应急处理
项裁判长和专家组长,同时采取措施避免事态扩大,立即启动预
案予以解决并报告组委会。赛项出现重大安全问题可以停赛,并
应向组委会报告详细情况。
(五)处罚措施
1.因参赛选手原因造成重大安全事故的,取消其获奖资格,并
2.参赛选手有发生重大安全事故隐患,经赛场工作人员提示、
警告无效的,可取消其继续比赛的资格。
3.赛场工作人员违规,按照相应的制度追究责任。情节恶劣并
造成重大安全事故的,由司法机关追究相应法律责任。
十五、竞赛须知
(一)指导老师须知
1.各指导老师要发扬良好道德风尚,听从指挥,服从裁判,不
弄虚作假。指导老师经报名、审核后确定,一经确定不得更换。
2.对申诉的仲裁结果,指导老师应带头服从和执行,还应说服
选手服从和执行。
3.指导老师应认真研究和掌握本赛项比赛的技术规则和赛场
要求,指导选手做好赛前的一切准备工作。
4.指导老师应在赛后做好技术总结和工作总结。
(二)参赛选手须知
21
1.参赛选手在报名获得审核确认后,原则上不再更换,如遇特
殊情况,需更改报名信息,须由参赛院校向省大赛办提交申请,
经审批通过后方可调整。各赛项于开赛前15天内将不再接受更改
报名信息申请;竞赛开始后,不得更换参赛选手。
2.各参赛选手须准时参加赛前举行的两次加密抽签过程。
3.各参赛选手要注意饮食卫生,防止食物中毒。
4.各参赛选手要发扬良好道德风尚,听从指挥,服从裁判,不
弄虚作假。
5.各参赛选手在比赛期间,应保证自身的安全,防止交通事故
和其它意外事故的发生。
6.参赛选手应遵守比赛规则,尊重裁判和赛场工作人员,自
觉遵守赛场秩序,服从裁判的管理。
7.参赛选手应佩戴参赛证,带齐身份证、注册的学生证。在
赛场的着装,应符合职业要求。在赛场的表现,应体现自己良好
的职业习惯和职业素养。
带入赛场。未经检验的工具、电子通讯与储存器件和其他不允许
带入赛场物品,一律不能进入赛场。
9.比赛过程中不准互相交谈,不得大声喧哗;不得有影响其他