精华内容
下载资源
问答
  • 小程序连接本地mysql 数据库 万次阅读 多人点赞
    2019-12-10 15:31:49

    小程序连接本地mysql 数据库,显示书的信息
    1、index.wxml页面:

    <view>
      <view class="commen_title">
        <text>全部书籍</text>
      </view>
      <!-- 需用array进行添加项 -->
      <view class="single_goods" wx:for="{{list}}"  wx:key="key1" >
      <view  class="single_image_wrap" >
            <image src="{{item.image}}" class="single_goods_image"></image>
          </view>
        <view class="single_goods_infor" >
          <navigator url="../spdetail/spdetail?xuhao={{item.xuhao}}">
            <view  class="single_goods_name">
              <text>书名:{{item.bookname}}</text>
            </view>
            <view  class="single_goods_address">
              <text>总量:{{item.zongliang}}</text>
            </view>
            <view  class="single_goods_address">
              <text>余量:{{item.yuliang}}</text>
            </view>
            <view class="single_goods_introduction">
            <text>类型:{{item.leixing}}</text>
            </view>
          </navigator>
        </view>
      </view>
    </view>
    

    2、index.wxss页面:

    // pages/all/all.js
    Page({
      /**
       * 页面的初始数据
       */
      data: {
        list: [],    
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (e) {
        var that = this;
        wx.request({
          url: 'http://localhost:8080/login/allInfo',
          data: {
          },
          success(res) {
            console.log(res);
            that.setData({
              list: res.data
            })
    
          }
        })
      },
      
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
       
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
        
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    

    后台请求处理:

     public static ArrayList<BookInfo> searchbook() {
            Connection conn = null;
            Statement stmt = null;
            ArrayList<BookInfo> rst = new ArrayList<BookInfo>();
            try {
                Class.forName(JDBC_DRIVER);
                System.out.println("正在连接数据库...");
                conn = DriverManager.getConnection(DB_URL, USER, PASS);
                System.out.println(" 实例化Statement对象...");
                stmt = conn.createStatement();
                StringBuffer sql = new StringBuffer("select  book.xuhao,bookname,zongliang,yuliang,sj_number,leixing,image FROM book,book_image where book.xuhao=book_image.xuhao");
                ResultSet rs = stmt.executeQuery(sql.toString());
                while (rs.next()) {
                    BookInfo dto = new BookInfo();
                    dto.setXuhao(rs.getInt("xuhao"));
                    dto.setBookname(rs.getString("bookname"));
                    dto.setZongliang(rs.getInt("zongliang"));
                    dto.setYuliang(rs.getInt("yuliang"));
                    dto.setSj_number(rs.getString("sj_number"));
                    dto.setLeixing(rs.getString("leixing"));
                    dto.setImage(rs.getString("image"));
                    rst.add(dto);
                }
                rs.close();
                stmt.close();
                conn.close();
            } catch (SQLException se) {
                se.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            } finally {
                try {
                    if (stmt != null) stmt.close();
                } catch (SQLException se2) {
                }
                try {
                    if (conn != null) conn.close();
                } catch (SQLException se) {
                    se.printStackTrace();
                }
            }
            return rst;
        }
    
    
    更多相关内容
  • 最近做了一个小程序,在开发者工具里编译预览都可以访问数据库拿数据。使用真机调试却没有数据库的数据显示。我小程序里访问的url如下图所示: 解决方法: 1.打开cmd,输入ipconfig,查看IPv4地址 2.将小程序里的...

    最近做了一个小程序,在开发者工具里编译预览都可以访问数据库拿数据。使用真机调试却没有数据库的数据显示。我小程序里访问的url,如下图所示:
    在这里插入图片描述

    解决方法:

    1.打开cmd,输入ipconfig,查看IPv4地址

    在这里插入图片描述

    2.将小程序里的localhost全部改为电脑的IP地址:192.168.*.**(IPv4地址),然后在电脑的控制面板→网络和共享中心→更改高级共享设备→勾选启用共享以便可以访问网络的用户可以读取和写入公用文件夹的文件,以便手机可以读取电脑里的文件。如图:

    在这里插入图片描述

    3.关闭防火墙,手机和电脑(本地服务器)要配置为同一局域网段。即手机和电脑要连接同一个热点。

    4.手机下载 ES文件浏览器(android系统)/ FileExplorer(IOS系统)

    android点击左上角的三图标→网络→局域网→软件自动扫描局域网内开启共享的设备→找到自己电脑输入用户名和密码;

    IOS点击右上角➕图标→windows→软件自动搜索局域网内开启共享的设备→找到自己的电脑输入用户名和密码。
    下图为android系统的界面显示:
    在这里插入图片描述

    5.在手机浏览器输入192.168.*.**/test/lyj.php?id=1 ,显示如下:在这里插入图片描述

    6.真机调试,显示如图所示:在这里插入图片描述

    7.开发者工具调试如图:

    在这里插入图片描述
    这样子就可以小程序访问本地服务器的数据库啦~哈哈哈哈哈,搞了好久,终于弄好了!

    展开全文
  • 微信小程序 本地数据存储实例详解 前言 如果您在看此文章之前有过其他程序的开发经验,那一定会知道一般例如安卓或者苹果的原生APP都提供了本地的存储功能,甚至可以使用sqlite数据库来做存储。可是微信的小程序框架...
  • 微信小程序本地数据库的进行基础数据交互的案例资源,包含java后台代码、小程序代码、数据库软件
  • 微信小程序本地数据库的进行基础数据交互的案例——使用Java后台案例

    案例介绍

    最近翻之前的资料,发现了之前弄小程序的代码,想起自己当初学习的时候在小程序与后台交互上面卡住了很久很久,当时网上的教程也没有现在这么丰富,所以就想把一个最基础的交互案例流程给分享出来,要是能帮到一个像我当时那样卡住的人就更加nice了。
    这是一个十分普通基础的读取数据库案例,实现的效果就是微信小程序上面输入用户账号和密码,然后小程序访问数据库查询用户信息,确定账号和密码是否正确。这里完全是字符串的配对,没有任何加密方法,只是单纯示范一下小程序与后台如何进行一个基础数据交互的案例而已。
    主要思路流程就是:Java里面使用组件@ResponseBody组件返回json,controller中直接return 返回数据库查询出的结果。微信小程序里面用request接收json,使用wx.request访问你Java服务器地址…/"controller"就可以得到结果了,可以使用浏览器访问Java服务器地址…/"controller"测试一下返回的json数据,网页能拿到的话,小程序也能拿到。然后小程序开发的时候可以试着把获取的数据先全部打印到控制台,先判断有没获取到数据。
    在这里插入图片描述

    本地数据库储存用户信息表

    在这里插入图片描述

    后台Java访问数据库,获得需要数据

    这里就是java接受小程序传来的“name”,然后查询这个“name”的信息。
    在这里插入图片描述
    在这里插入图片描述

    小程序端访问服务器

    小程序这里就是访问java后台项目的地址在这里插入图片描述

    环境配置及需要的项目代码资源:

    这些资料整成了一个资料包,放入了资源下载里面。(或者大家可以评论留邮箱,我看到后会发过去,不过这个代码确实很简陋,现在微信小程序开发都可以直接通过云开发工具去实现与数据库交互了,这个主要用于自己学习了解哈,要是为了毕设或快速开发实现某些功能的话,还是不建议看这个,可以看看别的高效/更符合现在开发的代码)
    链接:https://download.csdn.net/download/Fama_Q/13984502
    在这里插入图片描述

    展开全文
  • 三、编辑微信小程序代码 前两项的简单介绍在如下连接: PHP+Apache 四、本文主要介绍第三项的内容 需要用到的文件如下: 1、新建微信小程序工程 2、在index/index.js中操作如下: Page({ data:{ data:[] //添加...

    测试效果如下:
    在这里插入图片描述

    本实验主要分为如下几个步骤:
    一、安装数据库
    二、安装PHP+Apache
    三、编辑微信小程序代码
    前两项的简单介绍在如下连接:
    PHP+Apache
    四、本文主要介绍第三项的内容
    需要用到的文件如下:
    1、新建微信小程序工程
    2、在index/index.js中操作如下:

    Page({
     data:{
        data:[]  //添加变量,用于前端页面显示
      }
    })
    
    onLoad() {
        let that = this;
    	wx.request({
          url: 'http://localhost/api.php',
          data:{},
          method:'GET',
          header:{
            'content-Type':'application/json'
          },
          success:function(res){
            that.setData({
              data:res.data,
            });
          }
        })
    }
    

    3、在index.wxml中添加如下内容

    <!--index.wxml-->
    <view class="container">
      <view wx:for="{{data}}">
      {{item}}
    </view>
    </view>
    

    4、在Apache软件的路径下的C:\Apache24\htdocsphp放置如下php文件
    selectData.php

    <?php
    $sername = "localhost";//服务名称
    $uname = "root";//数据库访问用户名
    $pwd = "mima";//数据库密码
    $dbname = "db2";//建立的数据库
    
    //创建连接
    $conn = new mysqli($sername,$uname,$pwd,$dbname);
    $conn->set_charset("utf8");
    if($conn->connect_error)
    {
    	die("连接失败:".$conn->connect_error);
    }
    $sql = "SELECT id, type FROM tab1";//数据查询指令
    $result = $conn->query($sql);
    $data = $result->fetch_all();
    echo json_encode($data);//json格式输出
    ?>
    

    在Apache24目录C:\Apache24\htdocs下放置如下php文件
    connSql.php

    <?php
        
        $mysql =new mysqli("localhost","root","qiu123","db2");
        if ( !$mysql){
            die('数据库链接失败!'.$mysql->connection_error);
        }
        echo '<h1 style="color:red">数据库链接成功!</h1>';
    ?>
    

    5、启动Mysql、apache
    管理员打开cmd
    在这里插入图片描述
    net start mysql 指令启动mysql
    在这里插入图片描述
    主要用到的数据库指令如下:

    create database 数据库名
    drop database 数据库名  (空数据库)
    创建表:create table tab1(id int auto_increment not null primary key, type varchar(40) not null);
    insert into tab1 values(序号,类型);
    select *from tab1;
    net start apache指令启动apache
    

    建立如下图数据库
    在这里插入图片描述

    在这里插入图片描述
    测试apache启动成功与否,成功如下所示:
    在这里插入图片描述

    浏览器测试连接数据库,在浏览器输入
    在这里插入图片描述
    浏览器查看数据库内容如下:
    在这里插入图片描述
    微信小程序查看数据库内容下:
    在这里插入图片描述
    四、插入数据到本地数据库,模拟云端数据库

    <?php
    $sername = "127.0.0.1:3306";
    $uname = "root";
    $pwd = "mima";
    $dbname = "db2";
    
    //创建连接
    $conn = new mysqli($sername,$uname,$pwd,$dbname);
    $conn->set_charset("utf8");
    if($conn->connect_error)
    {
    	die("连接失败:".$conn->connect_error);
    }
    $sql = "insert into tab2 (telphone,pwd)values(17700006613,1213)";//插入数据到本地电脑数据库
    $result = $conn->query($sql);
    $data = $result->fetch_all();
    echo json_encode($data);
    ?>
    
    展开全文
  • 连接MySQL的时候总是出现各种各样的小问题,可以选用微信小程序自带的云数据库 目 录建立云数据库建表导入MySQL中的表导出导入云数据库初始化登录注册注册功能登录功能查询(模糊查找) 建立云数据库 注:测试号不...
  • 想完成搜索功能,但在哪写search.php呢?微信小程序里没找到.php 文件啊
  • 小程序连接数据库

    万次阅读 多人点赞 2018-07-22 19:21:08
     pass 默认为小程序APPID    注意这里有个坑:host开发环境下要填localhost,不要填分配给你的域名,我就手贱的修改了这里,结果找了1个小时才找到问题原因   二、Hello World  先...
  • 微信小程序连接MySQL数据库

    万次阅读 多人点赞 2020-10-27 18:15:18
    微信小程序连接MySQL 简要说明: 承接上一个商品列表页,在服务器端连接MySQL数据库,通过条件匹配查寻数据并显示在客户端 准备工作 1、node.js 2、微信开发者工具 3、MySQL数据库 MySQL配置数据库、数据表 通过...
  • 微信小程序连接数据库获取数据库数据
  • 上篇文章介绍了SpringBoot项目的搭建和一些基础注解,发布消息的方式,现在开始配置数据库,使后端程序可以操作数据库,达成小程序后台初步目的 配置数据库 在IDEA左侧有“Database”字样的一栏,点开可以看到数据库...
  • 1、php 部分1.1、连接数据库connect_error) {echo "系统异常,连接数据库失败";}else{echo "连接成功";}*/?>1.2、读取phpconnect_error) {die("连接失败:".$con->connect_error);}else{$sql="SELECT * FROM `...
  • 微信小程序怎么连接数据库

    万次阅读 多人点赞 2018-05-21 10:25:30
    --你的数据库连接文路径件--> Function QueryToJSON(dbc, sql) '此函数来自JSON官 Dim rs, jsa Set rs = dbc.Execute(sql) Set jsa = jsArray() While Not (rs.EOF Or rs.BOF) Set jsa(Null) = jsObject() For Each...
  • 最近的一个项目就是微信小程序第一次接触微信开发者工具,并进行小程序的后端开发,于是想看一下小程序如何请求本地的后台服务接口[javascript] view plain copywx.request({ url: '... data:{}, method:'POST',...
  • 微信小程序调用数据库增删改查php代码获得服务器数据js代码增wxml页面js代码删改查 php代码 <?php require_once 'vendor/Db.php';//引用数据库操作类 $cmd = $_REQUEST['cmd'] ?? 'list';//识别当前操作命令,...
  • 微信小程序 Node连接本地MYSQL

    千次阅读 2021-07-26 11:15:28
    微信小程序 Node连接本地MYSQL搭建Node环境小程序中js发送请求 搭建Node环境 前提:MYSQL已经创建好数据库 + 安装好node 项目中,新建一个文件server+server.js,如下图所示 初始化配置 右键server,在集成终端...
  • 小程序云开发的功能是越来越强大了,现在小程序云开发可以直接借助云函数来链接mysql数据,操作mysql数据库了,今天就来给大家讲一讲如何使用小程序云开发的云函数来操作mysql数据库。 首先要明确一点,就是小程序...
  • 微信小程序云开发连接MySQL数据库

    千次阅读 2021-04-27 21:24:41
    由于在进行微信小程序云开发时,MySQL数据库里的数据不便转移到云数据库,所以在参考了多篇文章后进行了MySQL数据库连接。 由于时间有限,我就不将步骤一一写出来了,具体步骤可以参考以上两篇文章,我说一下我...
  • 微信小程序采坑之连接MySql数据库

    万次阅读 多人点赞 2018-11-22 11:22:33
    小程序连接MySql数据库 前言:我用的是wafer2 node.解决方案 下面连接有环境配置及搭建流程(https://github.com/tencentyun/wafer2-quickstart-nodejs),连接是官方的可以点击 一、配置mysql数据库连接参数  ...
  • 1.打开MSSM,并连接本地数据库,之后点击新建查询,如下图所示: 2.输入如下SQL语句,点击执行。 Use Master; GO CREATE Database MyDatabase; GO Use MyDatabase; GO CREATE TABLE student ( 学号 char(8) ...
  • 微信小程序连接数据库方法汇总 写在前面的话 他大舅他二舅都是他舅,高凳子低板凳都是木头! 微信小程序相比于打的java项目虽然显得小,但是麻雀虽小五脏俱全, 花了大概一天把小程序的数据库连接都弄明白了,并且...
  • 刚开始学习小程序,做毕业设计,不过一直都被一个问题困扰,就是连接数据库实现数据的同步。 通过其他几篇文章总结出来的成果,记录分享一下,欢迎批评指正! 1.定义好数据库连接 文件名connect.php 在activity.php...
  • 毕设微信小程序之访问ssm后台连接数据库

    千次阅读 多人点赞 2020-05-19 21:50:02
    那时候(也就是几个月前)啥也不会,就会一点数据库,选了小程序之后第一个反应就是数据要怎么存取?折腾了一段时间后发现了两种方式,云开发和通过后端与数据库交互。云开发比较方便,但是数据库主要是用nosql,可能...
  • 微信小程序获取云开发数据库数据详细教程,数据库数据取出超过20 条的方法,数据库数据筛选,微信云开发关于云数据库数据获取的超详细教程
  • 微信小程序数据库交互如何做到?

    千次阅读 2021-02-12 01:26:52
    在开发微信小程序的时候,估计很多朋友都需要用到数据库的问题,那么在这过程当中还需要做到一个事情,就是数据库如何去怎么进行数据交换,要如何才能做到呢?大家不要着急,下面小编就来为大家详细说说这个问题!开发...
  • 微信开发中怎么连接本地数据库? sae中自带数据库,SaeMysql类的基本操作语法?
  • 今天毕设的微信小程序代码告一段落,想着做一下真机调试,但是手机调试时一直获取不到mysql数据库中的数据。 做项目时用的是localhost,真机调试时要用本地的IP地址,但是我简单的把localhost改为http:192.168.0.103...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 245,566
精华内容 98,226
关键字:

小程序连接本地数据库