刚开始学小程序没多久,这么一个简单的过程整了一个礼拜,关键是没人指导啊啊啊啊啊……心累,翻阅了n个书籍,查看了m个网站,亲测可以正常连接。现在终于明白了学习效率:培训班>看视频>自学。好啦,不多说了,进入正题!

1、数据库插入数据。Mysql数据库我没有放在本地,是放在远程服务器的,其实最终就是IP地址的问题。首先数据库里插入四条语句,如下图所示,

2、tomcat部署php。过程步骤如下,

1)首先下载php程序,是一个zip的压缩包。如下图所示,

2)将下载的php压缩包解压到tomcat的安装路径下,并重命名为php,如下图所示,

3)查看电脑中是否已安装php的方法:计算机-属性-高级设置中点击“环境变量”,添加PATH环境变量,可以添加Admin环境变量,也可以添加系统环境变量,看个人需求,将php解压路径添加到PATH中。之后打开cmd,输入php -v或 php –version,如下图所示,

4)将php路径下的php.ini-development 复制,将副本改名php.ini,之后用记事本打开php.ini。(可以看出;为其注释符)修改其中两项设置:

①去掉extension_dir = "ext"前面的“;”,并且将extension_dir = "ext"修改为绝对路径,

②cgi.force_redirect修改为0,并去掉前面的“;”,即 cgi.force_redirect = 0

如下图,

5)打开tomcat的conf文件夹。

选择context.xml文件,在加上属性privileged="true",如下图所示,

6)仍在tomcat的conf文件夹中。

修改web.xml文件,在中加入如下的

插入代码如下:

php

org.apache.catalina.servlets.CGIServlet

clientInputTimeout

200

debug

0

executable

D:omcatphpphp-cgi.exe

passShellEnvironment

true

cgiPathPrefix

WEB-INF/phpbin

5

7)在中加入如下的,表示php脚本路径。

代码如下:

php

/phpbin/*

8)新建一个api.php文件,文件内容如下。

在webappsROOTWEB-INF下新建一个phpbin的文件夹,并将api.php放置其中,如下图,

$sql="select * from persons";

$res=$link->query($sql);

$data=$res->fetch_all();

echo json_encode($data);

?>

api.php脚本代码如下(新建txt文件,修改后缀名为php即可):

$link = new mysqli('10.103.20.54','root','abcdefg','test');

$link->set_charset("utf8");

if($link->connect_error){

die("连接失败:".$link->connect_error);

}

9)打开tomcat(在bin文件夹下,双击startup.bat,苹果系统双击startup.sh文件即可打开tomcat服务)。

打开浏览器,输入localhost:8080/phpbin/index.php,看到如下页面,表明配置php配置成功!

3、微信小程序端。

1)新建一个项目,在index.wxml里输入:

{{item}}

2)index.js里输入:

onLoad: function() {

let that = this;

wx.request({

url: 'http://localhost:8080/phpbin/api.php',

method: 'GET',

header: {

'Content-Type': 'application/json',

},

data: {

},

success: function (res) {

console.log(res)

that.setData({

data:res.data,

})

},

fail: function () {

console.log("请求数据失败");

},

complete: function () {

}

})

}

3)预览一下,成功!

js 数据写到本地记事本_微信小程序连接Mysql数据库步骤相关推荐

  1. 微信小程序连接MySQL数据库

    微信小程序连接MySQL数据库 简要说明: 承接上一个商品列表页,在服务器端连接MySQL数据库,通过条件匹配查寻数据并显示在客户端 准备工作 1.node.js 2.微信开发者工具 3.MySQL数 ...

  2. 微信小程序连接MySQL数据库(读取+写入)demo

    通过php文件进行数据中转.经试验有效可行!!! 1.php 部分 1.1.连接数据库 <?php //header("Content-type: text/html; charset ...

  3. 微信小程序连接mysql_微信小程序连接MySQL数据库(读取+写入)demo

    通过php文件进行数据中转.经试验有效可行!!! 1.php 部分 1.1.连接数据库 connect_error) { echo "系统异常,连接数据库失败"; } else { ...

  4. 【微信小程序系列】微信小程序连接后端数据库(SSM)案例

    [微信小程序系列]微信小程序连接后端数据库(SSM)案例 登录页面 login.wxml <view class="page"><loading hidden=& ...

  5. 微信小程序连接mysql

    我在想用微信小程序连接mysql的时候想在网上找个教程结果发现教程很少而且都非常的麻烦,我一直试了好几天,终于是用一种简单的方法搞定了,发个博客总结一下,顺便让大家少走一些弯路. 1.服务器搭建 首先 ...

  6. 微信小程序学习(四):微信小程序连接云数据库

    微信小程序学习(四):微信小程序连接云数据库 我今天就只是初步的连接了数据库,我就说一下我的基础代码,和我整了好久才整完的问题 这里有个初始化,非常重要!非常重要!非常重要!!! 是放在app.js里 ...

  7. 简单分享怎么开发自己的微信小程序_微信小程序快速制作步骤

    小程序开发除了专业人士会自己开发之外,就是外包开发和模板搭建这两种方法. 外包小程序开发需要持续不断地与外包团队沟通,投入的精力也不少,总体价格不低,基本在万元左右, 最适合新手的还是小程序模板搭建啦 ...

  8. 基于EMQX云服务器的环境调节系统(微信小程序连接MySQL篇)

    文章目录 1.宝塔上创建mysql数据库 2.连接mysql数据库 3.微信小程序连接数据库和插入数据 4.微信小程序获取数据库最新多条数据 5.数据可视化 1.宝塔上创建mysql数据库 选择创建网 ...

  9. 注册登录页面代码用js判断是否填入信息_微信小程序快速开发:从注册账号到小程序上架

    写在前面 自从微信小程序功能发布后,我就一直关注着小程序的动向,然而限于学业繁忙,总是没有太多的时间去学习.大二逐渐学习了Vuejs,被其简洁的设计所吸引,后来看了看小程序的开发文档,发现这么的相似? ...

最新文章

  1. python展开 c函数中的宏预处理_最基本的宏函数 课后习题9.2 (C语言代码)
  2. android Rom 制作2
  3. C# 获取可执行文件路径的上上级目录的方法
  4. java自定义异常实验总结,Java实验--自定义异常的使用
  5. 详解MathType中如何插入特殊符号
  6. 测试人如何高效地设计自动化测试框架?
  7. linux修改管理员密码后保存,各类unix和linux管理员密码丢失解决方法
  8. 扫盲:什么是steam令牌验证器?哪些行为会触发steam交易限制
  9. JAVA 多线程并发
  10. CI/CD的简介以及区别
  11. 项目实战:如何构建知识图谱
  12. Prompt-Guided Injection of Conformation to Pre-trained Protein Model
  13. 华为AC旁路二层组网直接转发示例
  14. m序列码产生电路设计与仿真
  15. c++编译器常见warning与解决方案总结
  16. 黑苹果适合什么用途?_特定用途有特别要求,不是什么硬盘都适合NAS系统
  17. 近百所!部属高校2021生均预算对比来了
  18. FPGA硬核和软核处理器的区别~
  19. 三菱fx1n40mr001接线图_三菱基本单元 FX1N-40MR-001
  20. 把脉上海,共谋智慧城市未来

热门文章

  1. 直播丨 如何从零快速搭建一整套监控体系(日志采集+主机+数据库)
  2. 直播丨 SQL大赛冠军怀晓明:深入解析Oracle存储过程中的性能瓶颈
  3. 华为云VSS漏洞扫描服务之开源组件漏洞检测能力
  4. 云小课|ModelArts Pro 视觉套件:零代码构建视觉AI应用
  5. 多方安全计算:隐私保护集合求交技术
  6. 一个数据库管理员的自我救赎之路
  7. 网络服务家族图谱:一张图带您了解华为云网络服务大家族!【华为云分享】
  8. 如何安装tensorflow
  9. LaTeX设置参考文献条目行距以及条目内行距的方法
  10. LeetCode-145:二叉树的后序遍历