如何快速地开发一个微信小程序呢?我觉得作为初学者,最好能有一个模板,然后改这个模板。

同样作为初学者,刚开始的时候我有下面的几个问题,后来通过问同学,我弄清楚了。

  1. 微信小程序可以连接MySQL或者SqlServer数据库。
  2. 可以用java或php语言写一个服务器端程序,将请求到的数据以json格式返回,小程序就可以将数据赋给页面的变量并且展示出来。

在这篇文章,我将分享我用到的模板原型以及讲解视频,相信大家看了视频就可以看懂代码了。然后我会分享一下这个需求的实现思路以及对微信小程序的一点认识。

  需求是这样的:老师要求我们开发一个微信小程序,以科普为目的,让用户了解到互联网行业比较流行的热词以及它的含义。

  把需求可以拆解成三部分,第一步是获得互联网上大家都在讨论的热词及最近新闻,第二步爬取百度百科对数据库中热词的解释,第三步是展示。获取热词需要用爬虫的技术。展示用微信小程序。

微信小程序模板和视频:

  链接:https://pan.baidu.com/s/1TWVMiYdZYNBlYfPbjmv92A
  提取码:witg

技术实现详细说明:

  采用webmagic爬虫+mysql数据库+PHP语言编写的服务端程序+微信小程序实现前台数据展示。通过java语言实现了爬取新闻网站的数据,并且把热词关键字(比如苹果公司) 按分类存进MySQL数据库,微信小程序通过请求PHP的URL地址,获得json格式的数据,显示在页面。(事实上无论用的什么技术,原理都是差不多的。写java web程序也需要通过ajax请求,获得json格式的数据,在jsp页面展示。也可以用java语言编写服务器端代码,返回json数据。)

用webmagic从新闻网站爬取新闻关键字:

用webmagic从百度百科爬取关键字的解释:

用PHP从数据库中获得json格式的数组:

小程序页面数据绑定:

将多条json格式的数据赋给页面中的变量:

如何快速地开发一个微信小程序的更多相关文章

  1. 开发一个微信小程序教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序 ...

  2. 开发一个微信小程序项目教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开 ...

  3. 开发一个微信小程序实例教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开 ...

  4. 如何开发一个微信小程序

    一.概述     特点:对商家来说,小程序的开发成本低(有丰富的组件.api等).运营成本低(有数据日志等).稳定.互动流畅,便于分享.传播(基本微信平台的大量用户).对用户来说,扫码即可获取服务,随 ...

  5. 全栈开发工程师微信小程序-中(下)

    全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml <view> ...

  6. 全栈开发工程师微信小程序-中(中)

    全栈开发工程师微信小程序-中(中) 开放能力 open-data 用于展示微信开放的数据 type 开放数据类型 open-gid 当 type="groupName" 时生效, ...

  7. 全栈开发工程师微信小程序-中

    全栈开发工程师微信小程序-中 多媒体及其他的组件 navigator 页面链接 target 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram url 当前小程序内的跳转链 ...

  8. 全栈开发工程师微信小程序-上(下)

    全栈开发工程师微信小程序-上(下) icon 图标 success, success_no_circle, info, warn, waiting, cancel, download, search, ...

  9. 全栈开发工程师微信小程序-上(中)

    全栈开发工程师微信小程序-上(中) width: 750rpx; 750rpx代表与屏幕等宽,rpx的缩写responsive pixel,这个单位是可以根据屏幕大小进行自适应调整的像素单位. 小程序 ...

随机推荐

  1. T55359 家庭作业

    传送门 思路: 先按学分从大到小排序,根据贪心的思想尽可能地让作业的完成时间延后,这样就能有更多空间给那些限制比较严格的作业 设 f [ i ] 为点 i 向左的最小空闲时间 对于一个限制 t 的作业 ...

  2. CentOS6.9切换root用户su root输入正确密码后一直提示Incorrect password,如何解决?

    su是切换用户命令,su root时,输入正确的root命令,却提示Incorrect password,当前用户为普通用户,遇到此问题该如何解决呢? 如果设置了wheel组,使用su root命令是 ...

  3. Visual Studio color schemes

    Vs环境主题配置 下载地址:https://studiostyl.es/ Son of Obsidian 下载:son-of-obsidian_vs2015.zip Litle monokai vst ...

  4. HDU 6521 Party

    6521 思路: 线段树玄学剪枝, 俗称吉司机线段树. 代码: #pragma GCC optimize(2) #pragma GCC optimize(3) #pragma GCC optimize ...

  5. 【实战问题】【4】Vue写的页面在微信手机端和微信web开发者工具中都能正常显示,但是在微信pc端上显示空白

    原因:pc端微信浏览器不支持es6,而代码中使用了 let . 解决:将 let 改为 var(若使用 es6 语法比较多,可以进行转换,将 es6 语法转为 es5) 参考博客: 1,h5微信页面在 ...

  6. python 字典 dict 该注意的一些操作

    在用python处理dict 的时候,有几个该注意的地方,这里跟大家提一下: 1)操作dict 时,尽量少产生新的列表对象.比如: 遍历dict的时候,如果用 dic = {"a" ...

  7. idea中xml打开方式变成file,代码变成灰色

    耗费了很久啊.... 新建文件的时候没有输入后缀.xml.自此无论复制修改还是新建都是文件的格式,其他名字倒是可以,但是我不能修改名字. 解决办法: OK了:

  8. 初识ldap

    什么是LDAP? LDAP的英文全称是Lightweight Directory Access Protocol,一般都简称为LDAP.它是基于X.500标准的, 但是简单多了并且可以根据需要定制.与 ...

  9. SQL合并

     SELECT   idName,SUM(Money),SUM(Revenue)FROM ( SELECT agentID AS idName,SUM(totalMoney) AS Money,0 A ...

  10. WEB UI 上传URL附件(使用方法备份)

    FUNCTION zcrm_update_atta. *"------------------------------------------------------------------ ...