00:00
大家好,今天给大家介绍一下利用腾讯云开发低代码平台做一款问卷调查小程序,呃问卷调查小小程序做的整体步骤的话,先是定义数据源,然后创建页面呃再创建组件,最后呃和数据源管理。呃我下面演示的话,第一步的话是我们先创建数据源,呃点击左侧导航拉数据管理,然后找到呃中间这个页面的新建数据源的按钮,我们选择数据源模型。授权模型的话,我们起一个名称叫问卷调查。然后标识的话,我们输入U。这样就可以了,下面就是添加字段,我们点击这个添加字段的按钮啊,我们一共是四个调查项,第一个是姓名。
01:03
然后他的那个英文标识是那。下面这些就默认就OK了,点击确定,我们再增加第二个字段,呃,电话。然后字段标识的话是phone。One点确定。我们录入第三个字段叫职业。呃,字段标识的话是job。点确定。添加最后一个字段,呃,是行业。然后字段标识的话是industry。点击确定,这样的话,我们那个字段就添加完了之后就是低代码平台给大家,呃,生成好了增删改查的方法,因为我们是问卷调查,所以我们呃只需要新增这一个方法,其他都够掉。
02:07
然后点击立即创建。嗯,这样我们第一步定义数据源,这个就做好了,第二步我们就是创建一个,呃,问卷调查的应用,点击应用管理,在这儿点这个创建空白应用这个按钮。运用标识的话,我们呃,输入。然后明确的话收入问卷调查。点击确定。这样应用就创建好了,呃,接着我们进行第三步操作,然后定义页面,点击这个编辑应用。嗯,他会。打开我们的编辑器,编辑器的话现在是默认给大家创建了一个首页,然后我们需要做的话就是首先需要把刚才定义的数据源和页面关联点这个变量管理。
03:10
然后我们选择index页面,在状态变量旁边的加号点击一下,然后变量标识的话,我们输入sum,变量名也一样,SUV,然后变量类别我们选择数据源模型,然后数据源的话选择我们刚才创建的数据源问卷调查,然后类型的是新记录变量动作的话,我们选择这个内置的create,然后点击提交。这样的话,嗯。我们这个新增的这个呃数据源就定义好了,定义好了之后,然后我们就需要呃创建页面的结构,我们分为呃上中下三部分,所以我们在组件里头要选择一个上中下布局,我们就选择一个垂直布局。
04:01
然后在它的头部的信息的话,我们需要给它定义一个内容,点击文本标签,然后具体的内容的话,我已经在那个脚本里头创建好了,我把它粘进来。嗯,现在看到预览区域这个内容已经显示出来了,演出来我们再修改一下样式,给它那个上下左右的那边去,各是20。这样页面会好看一点。然后我们把那个字体大小修改成28这样,嗯,头部内容就定义好了,然后我们再定义一下尾部,尾部一般是放这个版权信息,点击一个文本内容。
05:05
然后我们修改一下。修改为,版权归哥哥所有。嗯,这样版权内容也定义好了之后,我们就定义中间的这个部分,中间部分的话,我们现在是呃,一个表单嘛,所以我们先需要在这个表单的这个选项卡里头选择表单容器。然后之后就是我们依次放入我们的调查项目,第一个的话,我们是姓名选择,这个是表单输入。然后我们设置一下,这个是需要和那个刚才那个定义的那个数据源的字段是一一绑定的,因为我们那个姓名是定义的那个标识是name,输入name。之后这个标题改为信。然后这样一幅的话是请输入姓。
06:03
下面的话,我们可以给他一个B录像,要求用户必须填写。哎,这样的话,录像了之后有了它就前面有红心,呃,那我们接着弄,接着弄的话是呃,选一个表单手机号码。这个组件啊,他会校验这个手机的,是不是一个合法的手机号。然后字段名称是我们刚才定义的是phone,也是瘟疫,然后嗯,也是要打开一下B录像。这个接着就是定义第三项,我们是一个单选表单单选组件。然后我们先,嗯,标题改为job。表达字段话。这一下我的职业是。
07:01
然后布局的话改为垂直布局,之后我们依次说一下这个内容,一下是前端开发。第二项是后台开发。第三项的话是设计师。第四项的话是运营。第五项是产品策划。第六项是其他。
08:02
然后我们需要打开一下它这个闭录像。嗯,然后这个第三项之后,我们添加第四项是那个所属行业,再点一个标杆单选。嗯,因此我们还是做再设计一下,然后素食行业它的那个字段是industry。然后此段标题和所述的行业是。啊,录测一下,数一下。然后布局也修改成垂直布局,之后修改这个调查项目。地下是金融。
09:05
第二项是工业。第三项是教育。I she said。第四项是医疗。Bus。第五项是震怒。Five。第六项是it互联网。Six。最后一项是其他。这个选啊B天下我们也给他打开。
10:03
这样我们的那个调查项目就完成了,因为是表单嘛,所以需要给一个按钮,方便用户提交,点一下按钮。然后我们把这个按钮修改一下,它的那个呃,标题叫提交问卷。然后因为它是提交动作嘛,所以我们把这个呃,Form组件改成提交。这个按钮就配好了,然后之后呃,点击按钮之后怎么提交到数据库里头呢?这个地方是需要在表单容器这给它绑定事件啊,我们切换到事件标签,然后选择提交,然后我们是选择第三动作类的话,选第三个数据源,然后点击确定添加。书院名称就选我们刚才创建的问卷调查,然后方法名的话,呃,我粘一下吧,你避免搞错,然后是create。
11:05
传入的参数的话,呃,大家那个是event双案和detail,但是要注意到这两个参数中间各有一个空格,要不然到时候你那个数据提交不进来。啊,之后这个提交就有,但是为了那个呃,使用方便吧,我们还需要给他那个,如果提交成功了之后,需要返回一个事件,我们这个就是data source,选择这个data source成功,然后选择平台的方法,然后给他一个收的显示信息,然后点击选地添加。哎,我们这个要给他一个提交成功。当然了,既既然有成功,肯定会有提交失败的时候,那我们就弄一个这个,如果数据源连接失败了,那就有个提交失败的一个,我们也是这个。
12:02
来添添加,最好把这个标题这个的图标的话改成A。然后呃,标题的话是那个比较失败。这样的话操作就会友好一些。现在就是我这个事件也设计设计成功了啊,那我就所有的操作完之后,一定要记住保存,保存的话它才会提交到云端,这样你的代码才会生效,点击保存。然后变更的话,分词的是。保存,就我们选择预览发布。
13:03
呃,我们不在本地那个预览了,我们选择在云端发布预览。稍等一会儿,他就在云端发布成功了,发布成功之后会弹出一个二维码的对话框,里头也跟着一个链接,可以点击链接在浏览器看一下具体的效果。好了,现在我们就发布成功了,然后它发布成功之后,会有一个二维码和一个访问的地址,然后咱们现在点击一下这个,呃,域名。就是我们本次设计的一个问卷调查的小程序啊,你可以输入这个姓名,然后输入一个手机号。然后选择前端开发金融。
14:02
然后点击这个提交问卷,哎,它就显示提交成功了,那提交成功之后我们怎么看数据呢?这里头腾腾讯给大家提供了一个管理后台,那么返回到控制台里头,可以还是切换到数据管理这块。我们点击这个数据管理后台的这个按钮。啊,他就会打开这个CMS。然后我们可以,呃。拉到下面这个,就是我们刚才的那个,呃,创建好的一个问卷调查的一个应用,然后我们点击它一下。啊,在这里头就呃,可以看到刚才的一个数据源啊,就可以查看数据了,好了本次讲解就结束了,感谢大家的观看,谢谢大家。
我来说两句