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

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

  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. ssh整合oracle数据源报错????

    在SSH整合的时候,引入oracle的pom节点,但是报错,因为没有权限,要手动将Oracle.jar注册到本地仓库 保证你电脑有maven环境,测试 方式为 cmd---->mvn -vers ...

  2. js if判断示例

    ){ ){ console.log("%0 pass") }else{ $(,v,function() { fla=; }); } }){ ){ console.log(" ...

  3. JS-getHours()方法

    var time=new Date().getHours(); 获取当前系统时间的小时值,eg:若当前系统时间为2019.4.25 10:52 则返回10

  4. 20175317 《Java程序设计》第九周学习总结

    20175317 <Java程序设计>第九周学习总结 学前准备 首先下载XAMPP,下载完成后打开: 将前两个选项打开 在IDEA中配置驱动mysql-connector-java-5.1 ...

  5. Openstack中keystone与外部LDAP Server的集成

    openstack中keystone鉴权的用户user和password信息,通常保存在mysql数据库的keystone库: 表local_user和表password: keystone也支持外部 ...

  6. Lab 10-1

    This lab includes both a driver and an executable. You can run the executable from anywhere, but in ...

  7. 下载网站js css img 资源

  8. C博客作业01——分支、顺序结构

    1.本章学习总结 1.1思维导图 本章学习体会及代码量学习体会 1.2.1学习体会 在暑假的时候就有加入新生学习群,对C语言有一定的基础,所以这周的学习相对轻松,但一些细节方面的知识并不是很了解.在这 ...

  9. javascript高级程序设计第3版——第4章 变量作用域以及内存

  10. leetcode 230 二叉搜索树中第K小的元素

    方法1:统计每个节点的子节点数目,当k>左子树节点数目时向左子树搜索,k=左子树节点数目时返回根节点,否则向右子树搜索. 方法2:递归中序遍历,这里开了O(n)空间的数组. class Solu ...