关于前端:答题积分小程序云开发实战开篇项目介绍以及效果图

38次阅读

共计 2045 个字符,预计需要花费 6 分钟才能阅读完成。

答题积分小程序云开发实战

开篇:我的项目介绍以及效果图

前言

我也看过不少的册子或者文章,大部分都很优良,但也有的就长篇累牍,从时代背景讲起,复述各种基本概念、底层原理 …… 嗯,看似很高级~
但我浏览的时候,给我的感觉是,把你绕晕、把你劝退的感觉,置信大家都有同感,如图所示:

但既然是教程,那就得有教程的样子,其本质应该是简略而间接的。尽可能的简略直白一点,让读者间接能获取到要害的有价值的信息。什么是要害有价值的信息,那就是我作为读者想要间接能取得的信息。
看见过这么一句话:

“能用非技术的语言,简略的去形容一个简单的技术问题,让一个初学者或者在校学生,甚至是门外汉都可能了解。”

颇受触动,这也是我写博客教程或写册子所追寻的指标。

流程图

咱们开发搭建答题小程序,也是遵循软件开发的根本流程。大抵如下图:

利用场景

不少企事业单位经常会举办一些主题常识比赛,然而目前不足一套牢靠、好看、简便的答题小程序。
因而我搭建了最新版的常识竞答小程序,提炼了典型的业务模型,它能够帮忙你疾速搭建各种模式的答题软件产品,帮忙大家能够定期举办各类常识竞答流动。比方实用于网络安全常识答题、交通安全答题、消防安全常识宣传、平安生产常识学习等答题流动或有奖竞答。

置信不论你的需要是什么,本我的项目都能帮忙到你。你能够从中取得微信小程序、云开发数据库、云函数、可视化 CMS 一整套闭环开发搭建技能,疾速打造小而美的产品,并上线我的项目进行经营。

零碎性能

通过需要剖析,梳理提炼产品性能框架。
(1)小程序端次要蕴含七大页面,首页、注册登录页、集体核心页、答题页、答题后果页、积分排名页、对于程序页。
(2)后端云开发能力,次要蕴含云数据库、云存储、云函数。
(3)PC 端 CMS 次要蕴含题库治理、用户治理、零碎设置。

原型交互

通过产品性能框架,输入主性能的原型交互。

技术选型

基于微信原生小程序 + 云开发架构,采纳前后端拆散架构中的发送异步申请,可能进行高效开发。
(1)微信小程序应用了最新的前端技术栈,具备原生 APP 体验服务的小程序框架,小程序视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,响应的数据绑定,提供了丰盛的根底组件和 API。
(2)微信云开发提供了多个根底能力,比方数据库、存储、云函数等。开发者可在小程序内间接调用 API 进行非敏感数据的操作。数据库 API 蕴含增删改查的能力,应用 API 操作数据库只需三步:获取数据库援用、结构查问 / 更新条件、发出请求。
(3)内容治理是基于云开发搭建的可视化的内容治理平台,提供了丰盛的内容治理性能,开明简略,独立于云控制台,毋庸编写代码即可应用,助力开发者晋升开发效率。

实现思路

(1)角色设计:
①管理员:该类用户为小程序的最高内容管理者,能够是该小程序的经营单位,也能够是流动主办方等工作的部门。能够通过 CMS 治理题库、用户,通过小程序收集、统计用户及答题积分信息等。
②普通用户:用户能够通过该小程序答题学习、积分排名。
(2)根本实现:
①管理员能够通过 PC 端 CMS 内容管理系统对题库数据的增删查改或批量导出导入操作,对用户积分排名数据进行查问或者批量导出操作。
②用户操作微信小程序能够查看流动信息、积分排名等,也能够参加答题。这个实现思路是前端应用 JavaScript 通过云数据库的小程序端 SDK 操作云数据库并进行事务的执行。

我的项目目录

文件目录如图所示:

这里我对文件目录略微加以阐明一下吧。

├── project.config.json 我的项目配置文件
├── cloudfunctions 云函数目录
└── miniprogram 小程序目录
├── app.js 小程序全局入口文件
├── app.json 小程序全局配置文件
├── app.wxss 小程序全局款式文件
├── images 图片资源
├── style 公共款式
├── pages 页面目录
│ │── index 首页
│ │ ├── index.wxml 页面模板
│ │ ├── index.js 页面逻辑交互
│ │ ├── index.json 页面配置
│ │ └── index.wxss 页面款式
│ │── login 注册登录页
│ │── test 答题页
│ │── result 后果页
│ │── rank 积分排名页
│ │── my 集体核心页
│ └── about 对于程序页
└── utils 第三方工具

小程序前端开发

小程序端效果图:

用户答题操作流程:

PC 端后盾治理搭建

(1)题库治理
管理员能够对题目进行新增、查看、搜寻、编辑、删除、批量导入、批量导出等操作。

(2)用户治理
管理员能够对用户进行查看、搜寻、编辑、依照积分排序、依照注册工夫排序、批量导出等操作。

部署上线

服务端的部署会教大家如何在云开发服务器环境下,建表和部署云函数,而前端的代码会通过微信开发者工具实现上传部署。
部署线上的前提条件是,须要你有一台云服务器,其实这个通过注册一个小程序账号,而后开明相干云服务器的服务。每个人都能够注册 5 个集体主体类型的小程序账号。

总结

世界上最聪慧的人是借用他人撞的头破血流的教训作为本人的教训。

正文完
 0