微信小程序开发

微信开发者开发工具的组成 菜单栏 工具栏 预览 描述二维码 自动预览 切后台 模拟器 编译器 调试器 1.项目结构 对比： web页面： 技术栈： html 从语义化的角度来描述页面结构 css 从审美的角度来美化页面 js 从交互的角度来提升用户体验 小程序页面 技术栈： wxml 描述微信页面的结构 wxss 描述微信页面的样式 js 书写微信的逻辑代码 json 配置页面的相关信息 组成 pages：管理当前小程序中所有的页面 index index.wml index.js 注意点： 所有的代码都是写在 Page({ }) index.wxss index.json 注意点： 如果没有内容，必须添加一个空对象 app.json：注册小程序中的页面 小技巧 快速创建一个页面 在 app.json 中的 pages 下添加一个路径，直接保存，可以自动生成对应的页面 设置项目的默认首页 在 app.json 中的 pages 将路径移到第一个元素中 来源： https://www.cnblogs.com/KoBe-bk/p/11423765.html

1.今日完成： （1）购买了视频教程，看了四五小时视频，对微信小程序的前端开发组件以及api更熟悉了：微信小程序逻辑层、视图层、组件以及api介绍，.wxml与.js的数据绑定、交互，函数的实现。 （2）学习分析了一个美食类微信小程序案例： 2.明日计划： （1）继续看两章视频：仿爱鲜蜂微信小程序和仿淘宝票微信小程序。 （2）编写槟伟订餐微信小程序的前端代码，git仓库创建，gitlab代码上传。 3.今天总结： （1）上午学习状态还行，看了案例教程学到了很多东西，除了上面的，还包括列表式导航、轮滑效果的设计等等。 （2）下午有点迷，只看了仿今日头条微信小程序的前端设计代码视频。 （3）晚上照常吃饭运动，再宿舍写报告做点其他事情。（坚持运动第八天） 来源： https://www.cnblogs.com/w-shark/p/11414801.html

　　作为一名前端开发人员，在小程序随处可见的现在，如果还不会小程序，是不是就有点OUT了呢？？接下来，已经做过几款小程序的Sophia就给大家分享一下自己对小程序原理的一些看法。 一、小程序是什么？ 　　2016年，“微信之父”张小龙在微信公开课上向大家介绍了小程序，他说：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，但又无需安装卸载。 二、小程序与普通网页开发的区别 　　1、普通网页开发 　　　　网页开发渲染线程和脚本线程是互斥的，开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作；而且​网页开发者需要面对的环境是各式各样的浏览器，PC 端需要面对 IE、Chrome、360、Firefox等浏览器，在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。 　　2、小程序 　　　　渲染层和逻辑层是分开运行在不同的线程当中，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等，在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM

今日完成： 1.完成小程序一级界面和部分二级界面，部分代码如下图 2.搭建spring boot完成hello world输出。 明日计划： 1.完善小程序界面， 2.重新设计数据库 个人小结： 在实际开发过程中，发现小程序自带反馈接口，在微信公共平台可见，故反馈不需设计数据库，可以节约开发时间，暂时决定使用微信默认接口。spring对于初学者还是很有难度的，对于前后端的理解还不是很深刻，需要加强，继续认真学习。由于git所以还未上传代码。 来源： https://www.cnblogs.com/wxy-wpl/p/11405960.html

一、今日完成 　　1.完成小程序一级界面开发。 　　2.搭建spring boot完成hello world输出。 二、明日计划 　　1.完善小程序一级页面。 2.重新设计数据库。 3.完善spring 服务器 三、个人小结 1.在实际开发过程中，发现小程序自带反馈接口，可以节约开发时间，暂时决定使用微信默认接口。 2.今日完成因git原因没有附加链接。 3.Spring开发还是比较有难度，下载maven，配置maven和Spring花费了较多时间，没有使用过Spring还是比较生涩。 来源： https://www.cnblogs.com/ljq1313/p/11405800.html

今日小结： 首先，按照老师的建议对于小程序模型进行了修改，将主页从以食堂分类改为食品种类分类，并且添加了搜索框。 其次，复习了微信开发工具的用法，即.js/.json/.wxml/.wxss这四种文件的用法介绍，以及创建页面，代码调试等等。 问题解决： java许多相关内容有遗忘，所以进行了复习。 对于添加菜品，搜索框等功能仍未明了。 明日计划： 将开始进行代码编写的任务：首先进行“饱了么”小程序页面的创建，并添加图片。 来源： https://www.cnblogs.com/gaoyyy/p/11405649.html

今日任务与小结 （1）今天我们小组成功的进行了项目的演示，还存在的问题我们还将继续改进，总体上来说算是我们小组项目的一个小成功。 （2）我们开始尝试使用微信开发者工具编写代码，但是刚开始尝试，还有许多不知道的东西，遇到不明白的东西就在网上搜索，到现在为止，也算是对它有了一个大概的了解。在官网上看到了微信小程序的简介，也做了一些微信小程序开发的准备。但自己尝试起来就会错误百出，还是需要更加努力学习。 2.明日计划 我们明天开始正式开展代码方面的工作，想要开始制作出用户登陆的界面，要先开始学习一些视图和渲染的东西，争取尽快做出登录界面。 来源： https://www.cnblogs.com/sakanao/p/11402357.html

1.今天墨刀设计正式完成了，修改了两个页面，主要看了微信小程序开发的视频。 2.今日小结：今天下午去答辩了，给老师演示了我们的项目原型，由于我们的主页是三个食堂，老师说从实用性的角度考虑，主页上要主要显示食物，像美团一样，让顾客很直观的看到食物 而不是先决定去哪个食堂点餐。还有就是我们是作为第三方，有同学负责接单，有人负责送餐，原来我一开始理解了意思，由于非企业不能线上支付，我们考虑采用货到付款的方式。希望像老师所说的我们这个项目做出来有一定的实用价值。 3.明日计划：继续看视频学习开发微信小程序，同时也要开始着手写微信小程序代码，学习使用github管理项目代码。 来源： https://www.cnblogs.com/wttt/p/11401779.html

一、第一天 日期：2018/6/13 1.1今日完成任务情况以及遇到的问题 侯晓东： 1、完成任务项： 具体了解了微信小程序的开发流程，然后大致规划了我们项目的进度和完成节点； 汇总组员的进度，写博客； 画燃尽图。 2、 问题：害怕时间不太够，因为毕竟我们组都是初次学习微信小程序，需要一定的时间去掌握和熟练。但是我还是相信我们可以做出来一个小demo的，只要最后大家学到了东西，我觉得就够了。 3、相关链接： https://blog.csdn.net/xiangzhihong8/article/details/53738417 崔啸寒： 1、完成任务项：了解微信小程序的接入流程;学习如何让微信小程序审核快速通过； 如何保护我们的微信小程序； 停止问卷调查，再次整合分析； 注册微信小程序账号，安装wechat_devtools并成功登陆。 2、问题：小程序发布之后仍会遇到各种问题，我们该如何面面俱到地分析并解决。 3、相关链接： https://developers.weixin.qq.com/miniprogram/introduction/#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%B3%A8%E5%86%8C http://www.jisuapp.cn/news/237.html http://www.jisuapp.cn/news/248.html 方柱权

今日工作： 　　进一步完善墨刀原型设计，购物车页面增加了删除已选菜品功能，结算页的收货地址改为下拉模式，支付页面支付成功后弹出成功提示，增加我的订单页面 　　学习了微信小程序开发的布局基础和一些组件的使用 明日计划： 　　将墨刀的原型多测试几遍，检查有没有漏洞，是否需要添加一些功能，为下午的演示做好准备 　　继续学习小程序开发，视图容器组件和表单组件等的使用 总结： 　　对墨刀的使用变得更熟悉了，动效链接的添加出错更少了，收货地址改为下拉框方式时出了差错，反复修改几次后成功了。 　　小程序开发的课程还是要抓紧看，一边看教程一边跟着敲代码效率更高。 来源： https://www.cnblogs.com/Ljy02/p/11396900.html