app小程序设计 第1篇
然后我们来看一下项目的基本组成结构:
① pages 用来存放所有小程序的页面
② utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)
③ 小程序项目的入口文件
④ 小程序项目的全局配置文件
⑤ 小程序项目的全局样式文件
⑥ 项目的配置文件
⑦ 用来配置小程序及其页面是否允许被微信索引
小程序官方建议把所有小程序的页面,都存放在 pages 目录中,以单独的文件夹存在,如图所示:
其中,每个页面由 4 个基本文件组成,它们分别是:
JSON 是一种数据格式,在实际开发中,JSON 总是以配置文件的形式出现。小程序项目中也不例外:通过不同的 .json 配置文件,可以对小程序项目进行不同级别的配置。
小程序项目中有 4 种 json 配置文件,分别是:
接下来我们对上面四种配置文件展开说说:
文件
是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。Demo 项目里边的 配置内容如下:
简单了解下这 4 个配置项的作用:
文件
是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置,例如:
注意:我们在详情页中的本地设置做出的操作,会在文件中进行同步
文件
微信现已开放小程序内搜索,效果类似于 PC 网页的 SEO。 文件用来配置小程序页面是否允许微信索引。
当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
如果不想被索引,我们可以将action中的allow改成disallow
注意:sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 的 setting 中配置字段 checkSiteMap 为 false
页面的 .json 配置文件
小程序中的每一个页面,可以使用 .json 文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖 的 window 中相同的配置项。例如:
新建一个小程序页面:只需要在 -> pages 中新增页面的存放路径,小程序开发者工具即可帮我们自动创建对应的页面文件,如图所示:
pages文件夹下面放着list目录,list目录里面有list页面
修改项目首页:只需要调整 -> pages 数组中页面路径的前后顺序,即可修改项目的首页。小程序会把排在第一位的页面,当作项目首页进行渲染,如图所示:
WXML(WeiXin Markup Language)
是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的 HTML。
WXML 和 HTML 的区别:
WXSS (WeiXin Style Sheets)
是一套样式语言,用于描述 WXML 的组件样式,类似于网页开发中的 CSS
WXSS 和 CSS 的区别:
app小程序设计 第2篇
在中大型的公司里,人员的分工非常仔细:同一个小程序项目,一般会有不同岗位、不同角色的员工同时参与设计与开发。
此时出于管理需要,我们迫切需要对不同岗位、不同角色的员工的权限进行边界的划分,使他们能够高效的进行协同工作。
项目成员的组织架构:
小程序的开发流程:
小程序成员管理体现在管理员对小程序项目成员及体验成员的管理:
我们来看看不同项目成员对应的权限:
开发者的权限说明
我们可以像下图一样在成员管理项中添加项目成员和体验成员:
app小程序设计 第3篇
APP 开发根据开发方式可分为原生 APP 和 Web APP,APP 主流开发操作系统有安卓和 iOS。
安卓版本原生 APP 的开发语言为 JAVA,iOS 版原生 APP 的开发语言为 Objective-C。
安卓版本 Web APP 的开发语言为 JAVA+HTML,iOS 版 Web APP 的开发语言为 Objective-C+HTML。
小程序是基于腾讯、今日头条、百度等平台的小程序开发框架进行开发,开发技术类似 HTML。
app小程序设计 第4篇
在开发自己的微信小程序之前,首先需要注册小程序账号,接下来我们一步一步做详细说明。 打开浏览器,输入:或直接搜微信公众号平台也可以 打开之后,对我们来说第一次使用,所以我们要选择“立即注册”。
选择左下角的“小程序”方框
输入邮箱、密码、确认密码、验证码,之后选择同意协议和条款。当然这里的密码不是邮箱的密码,而是正在申请的小程序账号的密码。最后按下“注册”按钮。
单击下半部一大片绿色的部分,就可以回到注册界面继续剩下去
选择主题类型为“个人”,然后输入管理员的姓名,身份证号码。 输入手机号码并单击“获取验证码”,将手机接收到的验证码输入到短信验证码栏中。 完成上述步骤,画面下部会出现一个二维码,需要用已经绑定银行卡的微信的扫一扫功能扫描该二维码进行实名认证。
如果认证成功,画面会变成下面这个样子。
app小程序设计 第5篇
支付宝小程序依托支付宝的商业和生活服务基因,小程序细分行业分布也以生活服务、金融保险和电商等小程序为主。同时支付宝成熟的信用体系也为商家提供了类似于免押租赁等玩法,借助芝麻信用、蚂蚁花呗等功能为流量变现创造更多的想象空间。
特点:在组件上采用了此前成熟的 Ant Design 设计,在开放 API 上则面向自身特色能力来封装,在框架方面采用开源的 React/webpack 等技术为基础,结合了支付宝自身的多年技术沉淀来实现。
量级:月活 7 亿
app小程序设计 第6篇
因为疫情爆发,生鲜电商在寒冬中迎来了机会,给大家养成了消费习惯。社区电商更是一个 2-3 亿的一个巨大市场,本就是以用户为中心,基于体验和分享去中心化的体验模式,在疫情的情况下培养用户成本大幅度减少,借助小程序加快向下沉市场渗透的速度。
现在资本也很看好小程序,以后的小程序还会发展得越来越快,设计师越早掌握小程序的设计语言方法越好。市面上关于小程序的文章不是很多,大家可以着重去这两个网站了解相关问。
把这半年来接触到的问题跟大家在这里分享,还有很多角落问题还有待深入了解,随着微信小程序官方文档和通知的不断更新,深入挖掘更深入的场景和进行更多全面的探索后,后期还会继续跟大家分享。
参考链接
app小程序设计 第7篇
产品型的小程序一般是有了 APP 的商家建立小程序,是为了彼此相互融合,相互促进。因为小程序开发成本更低,更多曝光的机会。产品型的小程序设计一般是照搬全部,或者精简设计,一般要结合商家业务来判断。
如果对于一些垂直品类的产品,像马蜂窝和携程旅游将酒店预订、景点门票预订、周边游、租车包车游等各项服务都做了一个功能拆分,生成的了各项小程序的入口,更好的将服务垂直,缩短产品和业务触达用户的渠道,自然转化率更高。
app小程序设计 第8篇
原生 App 的内存就不受控制,那么内容框架可以根据产品定位随意增添,可发挥的空间非常大,一些电商、社区等等无论多么复杂的应用都能一一实现。
因为内存受限的控制,导致内容框架不同,在小程序上功能架构设计的比较简单,符合轻量化、“用完即走”。
功能比较受限,因为接口功能有限。
如上:豆瓣原生 app 包含了首页-书影音-小组讨论-市集-我的等多个内容板块,但是小程序只保留了豆瓣最核心的部分-电影评分的栏目,将其商城和社区的模块全部砍掉了,只是将小程序作为一个资讯型的浏览窗口。