了解更多企业以及行业的动态

立即咨询
您现在所在的位置是: 首页> 资讯> 行业动态
微信小程序web开发教程:迅睿CMS多终端概念的一种展示方式,小程序终端|昱远信息系统开发
发布:2022-05-16 浏览:120

小程序终端是迅瑞CMS多终端概念的展示方式。开发者需要具备的基本条件

1.具备基本的applet知识和html知识(必填);

2.了解简单的逻辑判断和循环知识(可选);

3.最好了解一些SQL语句的知识(可选);

4.了解一些PHP代码,编写更个性化的api接口(可选);

5.能够熟练操作迅锐CMS系统。

小程序环境必须使用官方的小程序开发工具。例如 小程序软件定制 ,微信小程序和百度小程序必须使用自己的开发者工具。我们以微信小程序为例小程序开发系统小程序开发系统,下载微信开发者工具:

微信小程序web开发教程_小程序开发系统_小程序 搜索功能开发

所需插件:

1、你需要在cms后台安装这个API插件 小程序软件开发 ,然后创建一个key供小程序请求

那么请求地址格式为:

网站地址/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&v=1&

微信小程序web开发教程_小程序开发系统_小程序 搜索功能开发

这个地址需要记住,是小程序的请求前缀地址,可以参考教科书:

2、在【微信开发者工具】中创建小程序项目

3、创建后系统会生成一些默认文件

小程序 搜索功能开发_小程序开发系统_微信小程序web开发教程

4、在app.js中定义全局调用的api请求变量

app.js 这个文件是小程序项目的主文件。我们在这个文件中定义api请求地址参数,供后续全局调用

 globalData: {
    userInfo: null,     
    http_api:"http://www.pcms.com/index.php?appid=2&appsecret=PHPCMF9BF840CB2139F&",
  }

http_api是我们例子中定义的网站url,你可以在本地测试url

微信小程序web开发教程_小程序 搜索功能开发_小程序开发系统

5、在 index.js 中读取 cms 数据

pages/index.js 这个文件是小程序的入口文件

我们从cms文章模块请求10条数据

 var self = this;
    wx.request({
      url:  app.globalData.http_api + "s=news&c=search&pagesize=10&api_call_function=module_search_news_list",
      method: 'GET',
      success: function (res) {
        console.log(res);
        if (res.data.code == 1) {
          self.setData({
            mynews: res.data.data,
          });
        } else {
          console.log(res.data.msg);
        }
      }
    });

微信小程序web开发教程_小程序开发系统_小程序 搜索功能开发

如果适合开发,可以先在浏览器中访问请求url,看看数据是否正常返回

6、当前从 index.wxml 中的 cms 请求的数据


   
   
     
          {{news.title}}
       
   
   
  
    {{motto}}
  

7、编译预览小程序左侧图片中的数据已成功读出CMS后台的文章标题

如果有数据读不出来,可以在开发工具右上角小程序开发系统,开启【不验证合法域名,不验证HTTPS认证】

【昱远信息系统开发定制】

本站声明: 本文章内容来源于互联网,文章内容仅供用户参考。本公司不能完全保证文章内容的准备性、时效性。如果因本文章对用户造成了任何损失或者损害,本公司将不会承担任何法律责任。如果涉及到版权问题,请提交到wikins@nbyuyuan.com

  • 立即与昱远顾问通话
    电话咨询
  • 在线咨询
  • 扫一扫添加微信
    微信咨询
  • 与昱远顾问QQ咨询
    QQ咨询