Uni-app+VFP开发小程序分享

一．首先展示下页面效果，整个页面用到了graceUI样式，大家也可以去插件市场https://ext.dcloud.net.cn/上搜索，应该也可以找到自己想要的样式

二．前端向后端发送请求

在main.js里使用原生属性prototype配置全局地址 Vue.prototype.apiServer='http://192.168.88.28:801/'，发布时只需修改apiServer地址即可。

参数：Pagenum=1，pagesize=10,cate=0

Getnewslist()可以重复调用

下拉刷新加载数据时Pagenum递增1，再次调用getnewslist()：

this.pagenum++

this.getnewslist()

type == 'image'页面展示只需取出文章标题和图片，type == 'text'文章文字部分无需取出

三．VFP后端接收请求并返回数据

使用猫框，取后台数据只需短短几句代码，点赞。

在这里要说下条件的拼接cwhere的写法,我一直使用常规的写法cwhere=iif(cate=0,””,art_cate=?cate)，一直取不到值，后来经过社群梁总的指导使用了textmerge()函数就可以了，在此感谢梁总，社群里高人很多。

四．前端页面数据渲染

原理：使用v-if判断

1.当文章内容中图片小于3张时，显示标题，一张大图

2.当文章内容中图片大于等于3张时，显示标题，三张小图

五．云打包，生成apk文件，可在安卓系统上安装

六．编译小程序，发布公网