前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序实战课1:课程预览与环境准备

小程序实战课1:课程预览与环境准备

作者头像
LIYI
发布2022-03-08 11:54:57
6160
发布2022-03-08 11:54:57
举报
文章被收录于专栏:艺述论专栏

一次实战课共八节,一月内完成,每周二次,主要课程安排如下:

  • 第一课:准备开发环境与工具
  • 第二课:完成产品原型的设计
  • 第三课:根据原型创建UI
  • 第四课:连接后端服务器实现商品发布
  • 第五课:添加分类浏览
  • 第六课:添加搜索
  • 第七课:添加评论与点赞
  • 第八课:添加支付

用一个月的时间,带领大家,以一个基本标准的传统软件开发流程,完成一个具有发布、浏览、搜索、支付、点评等功能的小程序商品微商城。

第一课主要内容:

1,完成微信Web开发工具的安装,熟悉其使用

2,完成腾讯云服务器的购买与设置(如果不需要,不用购买)

3,完成商品页基本UI的创建

接下来我们创建一个项目,完成以上UI的创建。如果还没有创建项目,请先创建一个项目;

主要是使用了三个组件:label,input,button。这是label,input。

这是button组件。完整的mxml代码是:

源码下载链接及密码将在实战课微信群公开。

第一课作业:

1,创建新项目,完成商品页UI的创建,运行。

2,完成共享服务器的登陆。

注意:每项作业请截图发到群内,并艾特班长。

常见问题:

关于如何购买腾讯云服务器?回复 小程序实战分享1 查看。

关于如何安装微信Web开发者工具,回复 小程序实战分享3 查看。

关于基本输入UI组件的使用,回复 小程序实战分享4 查看。

关于javascript文档,查看:http://www.w3school.com.cn/js/

关于css3文档:查看:http://www.w3school.com.cn/css3/

关于小程序官方文档,查看: https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

1,关于github desktop

不是用github desktop打开,只是用它的git bash当作终端。

2,关于腾讯云服务器登陆

这个界面是腾讯云服务器的web登陆界面。建议使用mac终端或git bash,使用ssh登陆。

3,关于logs页面

这是正常的,quick start项目的默认logs页面。

4,关于如何使用课程源码?

_MACOSX是mac电脑产生的目录,解压后可以勿视。使用lesson1目录,在新建小程序项目时,选择这个lesson1目录。

5,关于app.wxss

app.wxss中定义了样式,对UI有影响。

6,关于主页

pages数组的第一行即代表主页。

7,我的输入栏没有框?

没有写css样式,看源码的app.wxss文件。

8,阿里云服务器可以用吗?

可以,一样的。我们使用ubuntu server 14.04,尽量使用相同的。

9,老师,我把代码敲完了,然后呢。点调试,没反应 ?

检查一下,是不是没有保存。ctrl+s或cmd+s保存,点【调试】,然后单【重启】。没有保存的文件,有一个绿色的圆点。

10,关于中英文符号之分

代码里很多符号有全角半角之分,编码是全部使用半角的。webstorm为了不使程序员出错,强制转换了全角到半角。

11,关于github的安装

系统是xp的,最好换一下。github desktop只能安装在windows 7+系统之上。

12,老师,百度云分享的文件如何打开?我刚才是看着截图打的代码。

是压缩包,下载解压就可以了。在新建小程序项目时,选择解压的目录。

13,关于样式

瞎胡加的,没按老师的样式来。

就应该这样,搜索才能进步!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016/10/27 09:28:28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 艺述论 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云服务器
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档