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

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

  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. 线程demo异常处理

    今天写了个线程小demo,出现了异常, 如下: Traceback (most recent call last): File "threading.py", line 1, in ...

  2. 4.3 thymeleaf模板引擎的使用

    参考说明:以下笔记参考来自尚硅谷springboot教学中的笔记! thymeleaf官网docs: https://www.thymeleaf.org/documentation.html 模板引擎 ...

  3. 雷林鹏分享:jQuery EasyUI 数据网格 - 自定义排序

    jQuery EasyUI 数据网格 - 自定义排序 如果默认的排序行为不满足您的需求,您可以自定义数据网格(datagrid)的排序行为. 最基础的,用户可以在列上定义一个排序函数,函数名是 sor ...

  4. idea 配置git

    1.注册https://github.com 2. 3.填入信息完成

  5. Apache 如何设置默认首页文档?

    在你安装后的Apache目录下,有一个conf目录,在这个目录里,有一个"httpd.conf"文件.我们要做的,就是修改这个文件. 在这个文件里,凡是以"#" ...

  6. Element-ui框架checkbox复选框回显

    先看下效果是不是你需要的..... 然后废话不多说,上代码,希望能够帮助到你... <template> <div class=''> <el-form label-wi ...

  7. vue中的keep-alive

    本文转载于:https://blog.csdn.net/xum222222/article/details/80322532 转载仅供个人日后学习 https://www.cnblogs.com/ji ...

  8. 【Linux】gdb调试

    g++ -g ... gdb l    列出代码,回车键继续 break main / 行号 加断点 n    单步运行 s    单步运行(可进入函数) p    输出变量 p *array@len ...

  9. CentOS7系统上的GPSTK源码安装

    网址:http://www.gpstk.org/bin/view/Documentation/BuildingGPSTkUnderUnix 这里使用Cmake来安装源码,网站上的原文摘抄如下,有少部分 ...

  10. kafka已生产消息查看

    在测试过程中有用到kafka,由于开发说我往kafka里面生产了消息,通知了对方要消费....看到这块一头雾水 kafka主要2个功能生产和消费 ##查询topic列表 ./kafka-topics. ...