小程序开发之基础知识(0)

前言:2016年9月21日,微信小程序正式开启内测。 2017年1月9日0点,万众瞩目的微信第一批小程序正式上线,用户可以体验到各种各样小程序提供的服务。

人类发展史大抵经历了石器时代青铜器与铁器时代工业与科技时代(从第一次工业革命算起)。21世纪是一个信息时代,互联网和物联网相辅相成,基于电脑、平板以及手机端的半人工智能社会在人们越来越追求高效工作环境下诞生。从PC端到脱离笨重的电脑将人们对效率的要求把生活装进口袋里的手机app,我们正处于一个发展越来越快速的信息时代。腾讯是我国的社交、游戏大头,“得流量者得天下”,BATJ推动了国家互联网的快速发展,在形成巨头垄断的局面下也成为了推动技术发展的大推手。腾讯在手机工具的依托下再一次推动了产品的展现形式。最近我一直在思考,能准确进行下一代信息革命的大佬会不会是可以那个可以在工具上(工具意指从pc->移动端)进行下一次革命的人。尽管手机这么小巧的工具已经能很大的满足我们的需求,但是若能在工具体验上将设备的精简化发挥到极致,想必就会是一次较大的革命了。(原谅脑洞大开的我)

而小程序是直接对app产品展现形式的一次小变革,从腾讯软肋出发,我一直认为小程序的初衷应该是弥补T与A在电商(游戏就算是顺带的加成吧)方面的短板(小声BB)。小程序发展到现在也将近2年,任意商家都可以拥有自己的小程序,但是不得不说实际上不好推广。现在的小程序已经成为很多蠢蠢欲动的创业者的试金石,如果小程序流量入口尚且还行那么大家就会将用户转移到自己的APP中,毕竟这仍旧是个流量为王的时代。也就是说,在下一个工具革命到来之前,不知道小程序会不会是唯一一个从产品展现形式来进行革命的产品。

 

开发:在进行小程序开发之前,要先了解什么是小程序。小程序是以微信端为载体进行的产品依托平台,当然这是我自己理解的。在微信小程序的开发文档里有很多详细的描述,包括基本的小程序标签或者函数定义,基本的API接口介绍,每一期的迭代更新等。在进行大致的了解之后根据开发文档的介绍我们需要在本地安装一个微信开发工具https://download.csdn.net/download/qq_25491201/10594550,该开发工具我用着觉得还不错的。可能是小程序本来就是轻应用的原因吧,小程序提供了便捷的模拟器,还有基本的编辑页和控制台。其中常用的是页面结构模块和编辑框。

安装完微信开发小工具后在首页进行登录,若未申请小程序账户需要注册,注册结束后该账号会拥有相应的APPID和SecretID,常用的是APPID,将该串ID复制粘贴到工具的登录页,输入其他相应的信息,在下方选择默认生成文件夹框架即可进入开发页面。左边有类似手机形状样的就是模拟器,在写好一个项目后会将页面前端的信息在该模拟器中进行展示,接下来就是比较重要的文件的结构介绍。

如上图所示。这是我的一个开发好的小程序,下边主要看文章结构。整个小程序项目主要由4种文件构成,它们分别是.json文件,.js文件,.wxss文件,.wxml文件。其中.js文件相当于是整个逻辑结构文件,.json文件就是在逻辑结构下进行配置的文件,.wxml文件相当于我们进行app开发或者网页开发时的html写的标签页面,wxss就是相当于css的样式页面。整个小程序项目都是由这4个文件构成,我们在编写每个文件时参考小程序的官方文档就能很好地写出小程序。再看看整个文件夹的结构,我们可以看到空白项目里(hello还有logs文件夹),系统自动为我们生成pages文件夹,该文件夹下默认生成index文件夹和logs文件夹,pages文件夹里的每个子文件夹基本上都是对应小程序里每个页面的内容,并且每个子文件夹里定义的函数只能为本文件夹所调用。utils文件夹是一些在我们编辑项目时需要配置的一些文件,在一级目录下的app.js、app.json、app.wxss则是我们小程序的入口。其中我们小程序pages目录下的每一个子文件夹的路径我们都需要在.json文件中的window项里表示出来,详情请见微信小程序开发文档。妈妈喊我去睡觉了,写得实在匆忙。上图是我花了一些时间开发的项目,还未申请上线,有兴趣的朋友可以加我微信一起继续开发(wechat:alonlady)。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/565932.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

鼠标悬浮改变背景颜色

将鼠标放在div上时div的背景颜色发生改变,把鼠标移走div之后,div的背景颜色回复原来的颜色。 效果图演示 没有将鼠标放在div上时(lanse) 将鼠标放在div上之后(变为红色) 下面看代码 由于代码较短&…

获取焦点改变输入框背景色

当输入框获取焦点时&#xff08;鼠标点到输入框时&#xff09;为红色&#xff0c;失去焦点时还原&#xff08;鼠标未点输入框内&#xff09;为白色。 效果图演示 没有获取焦点 获取焦点 代码演示 <!DOCTYPE html> <html><head lang"en"><…

【OpenCV 例程200篇】53. Scipy 实现图像二维卷积

【OpenCV 例程200篇】53. Scipy 实现图像二维卷积 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 滤波通常是指对图像中特定频率的分量进行过滤或抑制。图像滤波是在尽可能保留图像细节特征的条…

点击按钮切换图片

点击按钮时将当前显示的图片切换为指定要显示的图片 效果图演示 未点击更换图片之前显示的图片 点击更换图片之后 程序详解&#xff1a; 准备两张互相切换的图片给更换图片按钮添加点击事件把两张图片放在一个数组里点击按钮后执行判断如果是第一张图片就换成第二张&#…

【OpenCV 例程200篇】54. OpenCV 实现图像二维卷积

【OpenCV 例程200篇】54. OpenCV 实现图像二维卷积 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 滤波通常是指对图像中特定频率的分量进行过滤或抑制。图像滤波是在尽可能保留图像细节特征的…

【OpenCV 例程200篇】55. 可分离卷积核

【OpenCV 例程200篇】55. 可分离卷积核 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 空间滤波器是由邻域和定义的操作构成的&#xff0c;滤波器规定了滤波时采用的邻域形状及该区域内像素值的…

Anaconda 安装 Python 库(MySQLdb)的方法

转载自&#xff1a;苏皖静儿 [已解决]Anaconda 安装 Python 库&#xff08;MySQLdb&#xff09;的方法 zoerywzhou163.com http://www.cnblogs.com/swje/ 作者&#xff1a;Zhouwan 2017-12-4 安装python库的过程中&#xff0c;最重要的地方就是版本需要兼容。其中操作系统为…

获取数据库内容放入下拉框中

获取数据库里的数据放入下拉框中&#xff0c;使下拉框显示的内容是数据库里的内容 功能分析&#xff1a; 设计并实现数据库插入相关数据在登陆页面点击注册按钮时跳到Servlet中在Servlet中连接数据库查询内容放入session中传给jsp页面在jsp页面接受session内容并使用for循环输…

【OpenCV 例程200篇】56. 低通盒式滤波器

【OpenCV 例程200篇】56. 低通盒式滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制&#xff0c;是常用的图像预处理…

数据只读且无法修改

对输入框的数据进行只读不可修改的设置。 功能分析&#xff1a; 无论你是删除增加点击选中等所有操作对输入框的数据无影响&#xff0c;输入框的数据只会是原始的数据不可修改&#xff0c;一切操作无效。 先看效果图&#xff08;数据不可更改&#xff09; 要实现此效果一共有…

【OpenCV 例程200篇】57. 低通高斯滤波器

【OpenCV 例程200篇】57. 低通高斯滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制&#xff0c;是常用的图像预处理…

IDEA包的分层显示

使IDEA的项目和包分层显示&#xff0c;结构更加清晰。 未设置分层显示之前的包结构 设置了分层显示之后的包结构 那么如何设置呢&#xff0c;让我们一起来看看吧&#xff01; 设置包结构分层方法 第一步&#xff08;点击像设置一样的图标出先如下菜单&#xff09; 第二部 …

【OpenCV 例程200篇】58. 非线性滤波—中值滤波

【OpenCV 例程200篇】58. 非线性滤波—中值滤波 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制&#xff0c;是常用的图像…

【OpenCV 例程200篇】59. 非线性滤波—双边滤波

【OpenCV 例程200篇】59. 非线性滤波—双边滤波&#xff08;Bilateral filter&#xff09; 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件下对目标图…

部门信息管理系统

实现对部门信息的分类管理&#xff0c;对不同部门人员的管理&#xff08;增删改查&#xff09;&#xff0c;新用户的注册和登陆等 功能分析&#xff1a; 实现用户的登陆实现用户的注册&#xff08;注册不同的部门和职位&#xff09;登陆之后会显示所有员工和经理的信息实现对…

【OpenCV 例程200篇】60. 非线性滤波—联合双边滤波

【OpenCV 例程200篇】60. 非线性滤波—联合双边滤波&#xff08;Joint bilateral filter&#xff09; 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件…

租车系统

为了资源的节约有效利用&#xff0c;使车辆发挥更大的作用&#xff0c;我在此做了一个租车系统。 功能分析&#xff1a; 1&#xff1a;登录功能 2&#xff1a;后台管理功能 3&#xff1a;车辆管理功能 4&#xff1a;用户管理功能 5&#xff1a;前台用户功能 6&#xff1a;查看…

【OpenCV 例程200篇】61. 导向滤波(Guided filter)

【OpenCV 例程200篇】61. 导向滤波&#xff08;Guided filter&#xff09; 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑…

使用MATLAB GUI创建图形用户界面GUI

MATLAB是众多理工科学生及工程师经常使用的一款数学软件&#xff0c;除了可以实现数据处理&#xff0c;矩阵运算、函数绘制等功能外&#xff0c;MATLAB还可以实现图形用户界面的设计。 下面介绍如何让小白也能用GUI创建最基本的用户界面&#xff0c;并帮助大家学会在今后的…

【OpenCV 例程200篇】62. 图像锐化——钝化掩蔽

【OpenCV 例程200篇】62. 图像锐化——钝化掩蔽 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 空间域锐化滤波&#xff08;高通滤波&#xff09; 图像模糊通过平滑&#xff08;加权平均&a…