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

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

  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. 使用Keepalived配置主从热备实现Nginx高可用(HA)

    Keepalived 简要介绍 Keepalived 是一种高性能的服务器高可用或热备解决方案,Keepalived 可以用来防止服务器单点故障的发生,通过配合 Nginx 可以实现 web 前端服务 ...

  2. mybatis-generator 自动生成mapper以及实体类

    研究了一下,感觉也不是特别方便,因为参数很多都是需要手动去配置的,如果在这个jar基础上在改造一下或许更方便一点. 具体实现代码如下: pom.xml <plugin> <group ...

  3. Maven项目下的Mybatis逆向工程

    IDEA Maven项目的Mybatis逆向工程 1.配置.pom 如果是在多模块开发下,该文件逆向工程要生成的那个模块下的pom文件. <build> <plugins> & ...

  4. js switch 用法

    //获取星期 //例子1 var day=new Date().getDay(); switch (day) { : x="Today it's Saturday"; break; ...

  5. Python学习笔记_1

    一.基础知识 1. 基础: 数据结构:常量.变量.元组(列表).字典 数据类型:int float str 算法:分支和循环 面向对象:类.属性.方法 封装.继承.多态 2. python语言的特点: ...

  6. 【Idea】IntelliJ不停地updating indices的解决办法

  7. SQL添加事务处理

    --modi by lmt declare @errorSum int --记录错误数 begin Create table #CheckreqAccState(CheckReqID varchar( ...

  8. HDOJ-2039

    #include<iostream> #include<cstdio> using namespace std; int main(){ int m,flag; float x ...

  9. zzw原创-linux下ftp ipv6的unknown host 问题

    在linux 的ipv6的情况下进行ftp时,碰到unknown host 问题 1.[a4_csbdc@bdc8165 ~]$ cat  /etc/issueRed Hat Enterprise L ...

  10. 7、TypeScript数据类型

    1.变量声明 var 不要使用 建议使用: let 变量 const 常量,一旦申明不能修改 2.数据类型 2.1布尔值:boolean 2.2数字类型  :number 2.3字符串类型:strin ...