微信小程序开发边做边学 课件 操作篇-微信小程序 第7、8章 签到测距模块开发、初识后台与数据库

第七章：签到测距模块开发ontents目录签到测距页面布局01实现测距功能02C位置相关信息API调用03课前讨论二十大代表胡伟武：自主研发中国人的CPU

胡伟武，龙芯中科技术股份有限公司董事长，中国科学院计算技术研究所研究员，博士生导师。在他的带领下，“龙芯1号”研发成功，这是中国第一枚拥有自主知识产权的通用高性能微处理芯片，而后又主持研制了“龙芯”系列芯片，实现了我国CPU关键核心技术的突破。

“对任何一台计算机而言，CPU和操作系统都是最核心的两个底层技术。”胡伟武说，其实早在上个世纪，中国的科研人员就有了自主研发CPU的念头。他常常想起“玻璃房子”的故事。20世纪90年代，《瓦森纳协定》对包括计算机在内的中国尖端科技实施全面封锁。“我们国家那时候进口美国的高性能计算机，用于天气预报、石油勘探，有时候还需要通过元首外交才能解决。”胡伟武说，由于进口时承诺过不能用于军事目的，机房外面需要盖一个玻璃墙。玻璃里面，中国科学家上机操作，而玻璃外面，美国派来的专家会盯紧他们的一举一动。胡伟武和团队的艰难历程1998年4月，胡伟武的导师夏培肃联合金怡濂院士、周毓麟院士召开香山科学会议，研讨我国高性能计算机怎么发展，胡伟武作为会议秘书参会。会议的第三天，大家就开始讨论CPU的自主研发。1999年，时任中科院计算所所长的李国杰开始呼吁，在“十五”期间做中国自主的CPU。不久后，时年33岁的胡伟武承担了研发CPU的课题，并获得100万的资金支持。2001年6月，研究团队迅速扩大至三五十人。2001年5月，胡伟武结束了一次国际会议，回国后便开始全力投入做CPU设计。由于时间紧张，在确定流水线结构时，团队来不及看论文，也来不及做实验，胡伟武和伙伴们靠着过去的知识积累，凭着感觉往前走。2002年8月10日凌晨6时08分，login提示符出现在屏幕上，整个实验室一片欢呼，这个提示符意味着，安装了“龙芯1号”CPU的计算机成功启动工作。虽然这款CPU的性能上仍存在较大差距，但中国人只能依靠进口CPU制造计算机的历史终结了。2010年，胡伟武决定创办企业，继续深入研发的同时，让龙芯走向产业化。之后经历了资金短缺，人才流失，产品性能跟不上等各项问题和挑战，团队不断克服直至

2015年，龙芯销售额过亿元，龙芯系列产品被应用在交通、党政、能源、电力、石油等领域，龙芯中科终于实现了盈亏平衡。到2022年，国产的CPU性能，已经逼近市场主流的CPU产品了，目前龙芯致力于提高性价比，在实现自主性的同时接受开放性市场的考验。

大力弘扬工匠精神

什么是工匠精神？有人会说：对于个人，工匠精神是干一行、爱一行、专一行、精一行，务实肯干、坚持不懈、精雕细琢的敬业精神；对于企业，是守专长、制精品、创技术、建标准，持之以恒、精益求精、开拓创新的企业文化；对于社会，是讲合作、守契约、重诚信、促和谐，分工合作、协作共赢、完美向上的社会风气。工匠精神也是“执着专注、精益求精、一丝不苟、追求卓越”十六个字。胡伟武及其团队的不懈努力彰显了工匠精神的新时代价值，体现了大国工匠的责任与担当。工匠精神是我国优秀传统文化的重要内容和宝贵财富。《考工记解》中，“周人尚文采，古虽有车，至周而愈精，故一器而工聚焉。如陶器亦自古有之。舜防时，已陶渔矣，必至虞时，瓦器愈精好也。”反映的正是我国古代的能工巧匠们不断追求技艺精进的精神品格。工匠精神助力高质量发展二十大聚焦：锚定高质量建功新时代。报告指出：“建设现代化产业体系。坚持把发展经济的着力点放在实体经济上，推进新型工业化，加快建设制造强国、质量强国、航天强国、交通强国、网络强国、数字中国。”。10年来，我国全社会研发经费支出从一万亿元增加到二万八千亿元，居世界第二位，研发人员总量居世界首位。基础研究和原始创新不断加强，一些关键核心技术实现突破，战略性新兴产业发展壮大，载人航天、探月探火、深海深地探测、超级计算机、卫星导航、量子信息、核电技术、大飞机制造、生物医药等取得重大成果，进入创新型国家行列。实现中华民族伟大复兴的中国梦的新时代，呼唤并迫切需要大国工匠精神。就是要把“工匠精神”打造成一个大国、强国的重要精神支柱。凯歌奋进，扬帆远航。如今，每一位劳动者都是主角，更加需要“工匠精神”的引领，并成为“工匠精神”的践行者。让我们对“工匠精神”多一份敬重敬畏、多一份纯粹、多一份脚踏实地、多一份专注持久。

签到测距页面布局01ranspageT浙江工商大学7.1签到测距页面布局

（1）添加签到tabBar右击pages目录，单击“新建目录”按钮，命名为signin。右击signin目录，单击“新建Page”按钮。命名为signin，完成签到测距页面的新建。去icon下载网站下载两个图片作为签到测距页面的icon与selectedIcon，将下载的图片存放在doudouyun项目的images文件夹下。浙江工商大学7.1签到测距页面布局

app.json文件的tabBar属性的代码"tabBar":{

"list":[{

"pagePath":"pages/index/index",

"text":"主页面",

"iconPath":"images/tab_account1.png",

"selectedIconPath":"images/tab_account2.png"},{

"pagePath":"pages/signin/signin",

"text":"签到",

"iconPath":"images/signin2.png",

"selectedIconPath":"images/signin1.png"},{

"pagePath":"pages/my/myinfo",

"text":"我的",

"iconPath":"images/tab_course1.png",

"selectedIconPath":"images/tab_course2.png"}]},pages/signin/signin为签到测距页面的页面路径images/signin2.png为签到测距页面的片路径images/signin1.png为被选中时的图片路径浙江工商大学7.1签到测距页面布局

（2）签到测距页面基本布局签到测距页面主要包括了四个部分，分别是选择位置、获取当前位置、测距按钮和所测得的距离将测量的距离显示在初始值为“helloworld”的view组件中。浙江工商大学7.1签到测距页面布局

★选择位置与获取当前位置①在WeUI样式库的表单->list中找到带说明、带跳转的列表项②将该列表项的wxml代码拷贝至signin.wxml文件中③修改代码中对应的文字，并将代码中原本的navigator组件改为view组件，删除组件中的url属性<view

class="weui-cellsweui-cells_after-title">

<view

class="weui-cellweui-cell_access"

hover-class="weui-cell_active">

<view

class="weui-cell__bd">选择位置</view>

<view

class="weui-cell__ftweui-cell__ft_in-access">（）</view>

</view>

<view

class="weui-cellweui-cell_access"

hover-class="weui-cell_active">

<view

class="weui-cell__bd">获取当前位置</view>

<view

class="weui-cell__ftweui-cell__ft_in-access">（）</view>

</view></view>修改后的代码➷浙江工商大学7.1签到测距页面布局

★测距按钮①在WeUI样式的表单->button中找到“页面主操作Normal”按钮②将对应button的wxml代码拷贝至signin.wxml中③将“页面主操作Normal”改为“测距”<button

class="weui-btn"

type="primary">测距</button>浙江工商大学7.1签到测距页面布局

添加button后，编译发现测距button的两端占满了这个页面，没有空隙，相对不是很美观在signin.wxss中添加测距buttion组件中对应的weui-btn样式.weui-btn{

margin:

20px

15px;}样式代码添加后的样式浙江工商大学7.1签到测距页面布局

（3）测距结果在signin.wxml中添加一个view组件，用于显示变量{{motto}}，在signin.js文件的data数组中添加变量motto，初始值为“helloworld”，添加的代码具体如下：signin.wxml代码<view

class="motto">{{motto}}</view>signin.wxss代码.motto{

margin-top:

150px;

text-align:

center}sign.js代码data:{motto:'helloworld',},motto样式中，margin-top属性用于控制该组件与上一个button组件之间的距离，text-align值为center则是为了使得该组件居中。位置相关信息API调用02ranspageT浙江工商大学7.2位置信息相关API调用★选择位置API(1)在signin.wxml文件选择位置所在列表项的view组件中添加bindtap函数chooseLocation，并在signin.js文件的data数组中添加一个

choosen数组，其中choosen数组中有latitude和longitude两个变量，变量初始值为0。(2)在signin.wxml文件选择位置所在列表项中说明文字所在view组件，将“()”改为“({{choosen.longitude}},{{choosen.latitude}})”。这样选择位置对应的经纬度坐标初始值为(0,0)。(3)在signin.js文件中添加chooseLocation函数，使用wx.chooseLocation获取所选目标位置的经纬度，并赋值给choosen数组的longitude和

latitude，chooseLocation函数的代码chooseLocation:function(){wx.chooseLocation({success:(res)=>{

this.setData({choosen:res,})},})},浙江工商大学7.2位置信息相关API调用在wx.chooseLocation中使用console.log(res)打印成功回调函数的返回值浙江工商大学7.2位置信息相关API调用对chooseLocation函数进行简单修改，也可以实现调用选择位置API，并获取目标位置的经纬度。修改后的代码浙江工商大学7.2位置信息相关API调用chooseLocation函数写完后，单击“选择位置”按钮，会跳转至选择位置页面，该页面主要调用了腾讯地图，选择一个位置后，单击“确定”按钮，即跳转回签到测距页面，可见选择位置后面的经纬度坐标中显示了所选位置的经纬度。浙江工商大学7.2位置信息相关API调用★获取当前位置API（1）在signin.wxml文件获取当前位置所在列表项的view组件中添加bindtap函数getLocation，并在signin.js文件的data数组中添加一个got数组，其中got数组中有latitude和longitude两个变量，变量初始值为0。（2）在signin.wxml文件获取当前位置所在列表项中说明文字所在view组件，将“()”改为“({{got.longitude}},{{got.latitude}})”。这样获取当前位置对应的经纬度坐标初始值为(0,0)。（3）在signin.js文件中添加getLocation函数，使用wx.getLocation获取，并且在app.json添加权限声明用户当前位置的经纬度，并赋值给got数组的longitude和latitude，

getLocation函数的代码getLocation:function(){wx.getLocation({type:'gcj02',success:(res)=>{

this.setData({got:res,})},})},"permission":{

"scope.userLocation":{

"desc":"你的位置信息将用于学习在线签到到功能"

}}浙江工商大学7.2位置信息相关API调用在wx.getLocation中使用console.log(res)打印成功回调函数的返回值浙江工商大学7.2位置信息相关API调用getLocation函数写完后，单击“获取当前位置”按钮，即可看见获取当前位置后面的经纬度坐标中显示了用户当前位置的经纬度实现测距功能03ranspageT浙江工商大学7.3实现测距功能★巧用button的disabled属性（1）在signin.js文件的data数组中定义flag1和flag2两个变量，用来表示是否完成位置选择和是否获取当前位置信息，初始值为false，当调用选择位置

API时，给变量flag1赋值为true，当调用获取当前位置API时，给变量

flag2赋值为true。signin.js中data数组代码data:{motto:'helloworld',choosen:{latitude:0,longitude:0},got:{latitude:0,longitude:0},flag1:false,flag2:false},signin.js中chooseLocation代码

chooseLocation:function(){wx.chooseLocation({success:(res)=>{this.setData({choosen:res,flag1:true})},})},signin.js中getLocation代码getLocation:function(){wx.getLocation({type:'gcj02',success:(res)=>{

this.setData({got:res,flag2:true})},})},浙江工商大学7.3实现测距功能（2）在signin.wxml文件的button组件中添加一个disabled属性代码如下：<button

class="weui-btn"

type="primary"

disabled="{{!(flag1&&flag2)}}"

>测距

</button>当两个API均未被调用时，flag1和flag2均为false，!(flag1&&flag2)=true，测距按钮被禁用当仅调用了选择位置API时，flag1值为true，flag2值为false，!(flag1&&flag2)=true，测距按钮被禁用浙江工商大学7.3实现测距功能当仅调用了获取当前位置API时，flag1值为false，flag2值为true，!(flag1&&flag2)=true，测距按钮仍被禁用当且仅当两个API均被调用时，flag1和flag2均为true，!(flag1&&flag2)=false，测距按钮可用浙江工商大学7.3实现测距功能★js实现经纬度测距（1）给测距按钮添加一个bindtap函数，名为calculate，具体代码如下：

<button

class="weui-btn"

type="primary"

disabled="{{!(flag1&&flag2)}}"

bindtap='calculate'>测距</button>

（2）经纬度测距通过数学公式计算，测距的代码可以去网上找，在网上可以找到很多相关的代码，本文主要参考了标题名为“js根据经纬度计算两点距离”的博客，该博客链接为：

/weixin_40687883/article/details/80361779。将其中的测距相关的js代码拷贝至signin.js，并根据情况进行简单修改。浙江工商大学7.3实现测距功能Rad:function(d){

returnd*Math.PI/180.0;},

calculate:function(){

letlat1=this.data.choosen.latitude

letlat2=this.data.got.latitude

letlng1=this.data.choosen.longitude

letlng2=this.data.got.longitudevarradLat1=this.Rad(lat1);

varradLat2=this.Rad(lat2);

vara=radLat1-radLat2;

varb=this.Rad(lng1)-this.Rad(lng2);

vars=2*Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2)+Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));s=s*6378137.0;//取WGS84标准参考椭球中的地球长半径(单位:m)s=Math.round(s*10000)/10000;s=s.toFixed(2)

this.setData({motto:s+'m'})},具体代码：Rad函数主要是进行单位换算，将度转换为弧度。Math.asin为反正弦函数Math.sqrt()方法用于计算平方根Math.pow(x,y)方法用于计算x的y次幂的值Math.round()方法用于数字的四舍五入toFixed()方法可以把number四舍五入为指定小数位数的数字。通过以上计算公式求出的距离单位为m。浙江工商大学7.3实现测距功能选择好目标位置，并获取用户当前位置后，单击“测距”按钮，所测得的距离则显示在button下方，替换motto的初始值“helloworld”。感谢聆听！第八章：初识后台与数据库ontents目录本地环境安装与测试01后台api开发C02课前讨论

王恩东，男，汉族，1966年7月出生，山东济南人，计算机专家、中国工程院院士、中国共产党党员。现任浪潮集团副总经理、首席科学家科学家王恩东：让高端服务器有了“中国造”

30多年来，在王恩东及其团队的努力下，浪潮在服务器领域实现从无到有、从弱到强的发展，成长为中国第一、全球第二大服务器供应商，为我国实现服务器领域关键技术突破作出了重大贡献。

坚持不懈努力下，2012年，浪潮正式发布了高端容错计算机系统“天梭K1”，这是中国第一台高端服务器，我国成为世界上第三个掌握高端服务器技术的国家。该成果荣获国家科学技术进步奖一等奖。

近年来，在攻克了高端容错计算机难题后，王恩东又瞄上了前沿领域。他先后主持研发了中国第一代适合云计算时代的新型云服务器、人工智能服务器等产品，并不断快速迭代产品，让浪潮成为全球最大的云服务器供应商，在全球人工智能服务器市场份额也保持第一。

国产服务器崛起

随着信息化对经济、社会发展的不断渗透，各个行业的系统的核心部分都对交易数据的处理，在大规模的在线交易数据处理中之前很难找到承载设备来替代国外主机。

国外厂商更是在国内构建了严密的技术封锁体系，通过一切手段对中国进行技术封锁，主机技术就主要禁运之一。由此，关键应用主机不仅是高端服务器市场利润的主要来源，也是整个软硬件产业的核心。面对IT产业巨头完善的关键应用主机技术，例如IBMPower，HPSuperdome形成封闭而成熟的技术体系，国产服务器崛起势在必行。

掌握大服务器产业，就掌握信息产业话语权。在这样的策略下，中国主机领域从保持着“有市场、无技术、无产业”的状态，到如今体系结构设计和核心技术的突破。中国设立自己的域名根服务器中国设立自己的域名根服务器，从零变成世界第二根服务器的存在主要用于DNS的解析，DNS可当作邮政编码，根域名服务器就是邮递员会通过这个邮政编码更快的投递邮件，解析域名。通常情况下，根域名服务器解析DNS是非常准确的。中国的互联网信息中心一共设立了4台域名根服务器，有F、L、K、L根镜像服务器。此外还有工信部批复的香港域名服务器，因此还有JX0007L的域名根服务器。在IPv4时代，我国没有互联网的根域名服务器，全球只有13台根域名服务器，其中唯一的主根服务器在美国，其他12台辅助根域名服务器分布在美国、日本、欧洲，下图显示了一台标识为“K”的根域名服务器。我们访问一个网站时，通常使用域名访问，经域名服务器翻译成IP地址，才能够访问某个网站，因此域名服务器可以说是互联网的基础设施。

美国控制了域名根服务器，也就控制了所有的域名，如果美国不想让人访问某些域名，就可以屏蔽掉这些域名，相当于这些域名所指向的网站在互联网上消失了，2004年4元，美国将".ly"的域名瘫痪，导致利比亚在互联网上消失了3天。为何要设立中国自己的根服务器？世界各国对美国互联网依赖性大，全部的IPv4根服务器都是在美国政府授权的互联网域名和号码分配机构ICANN统一管理，一直负责全球互联网域名IPv4根服务器、域名体系和IP地址等等管理。所以美国利于对根服务器的控制就可以完全控制互联网，这种情况对其他国家网络安全造成潜在的重大威胁。

此外，在移动互联网、物联网、工业4.0的发展下，迎来了更多的入网终端，这样传统PC、手机到loT终端，都需要通过IP地址接入互联网，因此未来将超过五百亿的设备在线，地址需求数量会是IPv4地址总数超过十倍，但当前的IPv4地址的分配完成，出现紧缺的现象。

随着互联网的发展，IPv6发展成一项非常成熟的技术。不难发现IPv6拥有更多地址数量、更小路由表、更安全等优势，有利于解决IPv4存在的问题。想更有效的解决地址不足，拓展获得更多主动权、进一步实现多边共治的情况，工信部早期通过了设立中国的根服务器管理机构，授权管理F、I、K、L根镜像服务器。

从最初的全球十三台根服务器，亚洲仅一台根服务器部署在日本，而现在中国也有了根服务器，中国现存根服务器有4台。本地环境安装与测试01ranspageT8.1本地环境安装与测试

★安装Wampserver（1）在Wampserver官网下载一个Wampserver安装包，要根据自己电脑的配置情况下载，以达到软件安装完后能以最佳状态运行。

（2）双击解压后的WampServer.exe文件，首先会弹出语言选择，单击“OK”按钮，选择默认的English即可。（3）选择“Iaccepttheagreement”→Next；表示我同意接受条款，如不同意是不容许安装的。8.1本地环境安装与测试

（4）选择安装目录E盘→Next，此处可根据自己喜好选择，如果喜欢装C盘也不是不可以，但为了避免因重装系统而丢失文件，请选择C盘以外的盘来安装比较好。8.1本地环境安装与测试

（5）下一个弹窗单击“Install”，在安装结束前，还会有是否选择默认浏览器和是否选择文本编辑器两个弹窗，开发者可根据自身情况选择默认浏览器与文本编辑器。（6）完成默认浏览器与文本编辑器选择后，等待安装进度结束，单击“Next”按钮，然后单击“Finish”按钮，即完Wampserver的安装。8.1本地环境安装与测试

（7）双击桌面Wampserver的快捷方式，查看Wampserver是否安装成功，如果桌面右下角的图标变绿色，则说明Wampserver启动成功，如果图标呈红色或者橙色，则说明启动失败，Wampserver安装还存在问题，遇到这种情况可以上网需求解答。8.1本地环境安装与测试

★安装SublimeSublime相关的安装教程在网上有很多，安装包也可以直接在网上找到并下载。配套资料中有Sublime安装后的整个文件，开发者可以选择直接将该文件夹放置于自己软件安装常用目录下。打开文件夹，右击“sublime_text.exe”，选择“创建快捷方式”，并将该快捷方式拖至桌面。双击“sublime_text”图标打开sublime编辑器。8.1本地环境安装与测试

★搭建本地环境（1）存放后台代码将提供的后台代码放在Wampserver安装目录下wamp64->www文件夹中，可以单击右下角的绿色图标，然后单击“wwwdirectory”按钮，进入www文件夹。在后台代码的文件夹中，有一个名称为“1”的文件夹，只有将该文件夹拷贝至www文件目录下，后台代码才能在本地服务器上跑起来8.1本地环境安装与测试

（2）导入数据库文件单击右下角的绿色图标，然后单击“phpMyAdmin”按钮选择phpMyAdmin后，浏览器中弹出phpMyAdmin登录界面，其中，用户名为root，密码为空，单击“执行”按钮即可进入主页。8.1本地环境安装与测试

phpMyAdmin主页单击“新建”按钮，新建数据库的名字命名为pingshifen，排序规则选择utf8_general_ci，单击“创建”按钮即可创建一个名为pingshifen的数据库。8.1本地环境安装与测试

新建完之后，选择pingshifen数据库，单击“导入”按钮，然后单击“浏览”按钮，选择提供的pingshifen.sql文件，选择完后，单击页面最下方的“执行”按钮，将pingshifen.sql导入到本地数据库中。8.1本地环境安装与测试

导入成功后，可以看到pingshifen中有很多数据表，每个数据表分别用于存储不同数据信息，比如说题库信息存放在pingshifen_question_bank中。8.1本地环境安装与测试

（3）修改服务器地址打开微信开发者工具中的doudouyun项目，打开config.js文件，将apiUrl改为“/1/index.php/Api”。“”为本地服务器地址，访问该服务器地址8.1本地环境安装与测试

✔后台代码对应的文件夹“1”在“YourProjects”目录下。✔“/”与“/index/Api”之间的路径对应的是www文件目录下的后台代码存放路径。8.1本地环境安装与测试

（4）重新注册Api接口和申请课程注册Api接口的链接变为：/1/index.php/Page/Index/register，申请课程号的链接变为：/1/index.php/Api/User/createCourse?appid=wx60dbecdccbea11f7&courseName=1028教学&questionSet=1012&creater=大佬申请完课程号后，还需要修改一下config.js中的courseId。编译之后，会重新弹出提示注册，在单击“提交”按钮时，会发现无法正常跳转至首页。这是由于在开发注册页面时，首页并不是tabBar页面，跳转至首页使用的是wx.redirectTo，但是现在首页是tabBar页面，使用wx.redirectTo无法实现跳转，需要改为wx.switchTab。后台api开发02ranspageT8.2后台api开发★api实现前后台交互

以index.js中的current为例，请求对应的url完整体为“/1/index.php/Api/User/current”。current请求“/1”为服务器地址“index.php”为入口文件“Api/User/current”为Api所在位置“Api/User/current”中，Api为后台代码中目录名称User为UserController控制器current为控制器中的方法8.2后台api开发在后台代码中current方法的目录在UserController.class.php的current方法后面写一个新的test方法，简单实现前后台交互。前后台的交互其实是单向的，服务器不会主动向前台发送数据。也可以选择别的控制器而非UserController，这个有兴趣的自己修改8.2后台api开发每次修改后台代码后都需要Crtl+s保存一下修改后的文件。◆test方法（1）在PHP中使用ajaxReturn方法返回数据，test方法代码如下：publicfunctiontest(){$this->ajaxReturn('测试通过');}（2）在myinfo.wxml文件中添加一个button，button名为测试，该button对应的代码如下：<button

class="weui-btn"

type="primary"

bindtap='bindtest'>测试</button>bindtest为事件触发函数8.2后台api开发（3）在myinfo.js文件中添加bindtest函数，在bindtest函数中，使用wx.request({})访问后台代码中的test方法，该函数代码具体如下：bindtest:function(){wx.request({url:userUrl+'test',success:function(res){console.log('请求结果',res)}})},userUrl为从config.js中获取到的变量，在index.js中已声明该变量，如果该函数写在其他页面则需要声明该变量。8.2后台api开发代码都写完后，重新编译小程序，单击首页中的“测试”按钮，可以看到调试器的Console中打印出来的返回值，在data数组中有后台返回的数据“测试通过”。8.2后台api开发给bindtest函数中的wx.request({})添加data属性，即在发起HTTPS请求时，带参请求。修改后bindtest代码具体如下：bindtest:function(){wx.request({url:userUrl+'test',data:{

'testA':'A',

'testB':'B'},success:function(res){console.log('请求结果',res)}})},在后台代码中，可以使用I()方法获取到http请求中的数据，可以加上参数比如：I(‘参数名’)。简单修改test方法，修改后的代码如下：publicfunctiontest(){$data=[];$data['I()']=I();$data["I('testA')"]=I('testA');$this->ajaxReturn($data);}8.2后台api开发test方法中，首先定义了一个data数组，其中data数组中I()的值为I()方法获取到的http请求中所有的参数，而data数组中I(‘testA’)的值则为I()方法获取到http请求中testA的值。单击“测试”按钮，可以看到调试器中打印出来的值。8.2后台api开发★数据库的增删改查（1）在pingshifen中新建一个数据表，命名为“pingshifen_test”，该数据表主要有3个字段，其中id字段一般所有表都需要，类型选择INT，并勾选A_I以使其自增。其他字段按需建立，因为测试用，字段名不需要有意义，类型与长度也应该按需设置，这里加了field1和field2两个字段，类型选择TEXT，长度/值为256。下方的“Collation”代表该数据表的字符集，如果需要支持中文存储，需选择utf8_****或tf8mb4_*****，这里选择了utf8_general_ci。最后单击“执行”按钮，完成pingshifen_test的新建。8.2后台api开发（2）先给数据表手动插入两组数据8.2后台api开发◆查（select、find）数据库查询语句有select和find两种，区别在于select会返回所有满足where条件的数据，而find只返回满足where条件的第一条数据。其中，where()接收一个数组作为查询参数，一个数组中可以有多个参数。在test方法中，使用select语句查询pingshifen_test数据表中的所有数据以及id为1的数据，存放在data数组中，返回给前端。test方法具体代码publicfunctiontest(){$data=[];