微信小顺序项目
2018-05-17 21:14:09   泉源:   批评:0 点击:

近来要开端做小顺序项目,之前自己并未开辟过小顺序,终究之前不断做的vue项目,不外开了下小顺序开辟文档以为照旧很容易的 ,再此把本人的学习进程分享一下。

起首一个项目标开端我们要熟习项目构造,微信小顺序的项目构造照旧很明晰的

一个完好的小顺序,包括描绘整个项目标app文件零碎(app.js,app.json,app.wxss)和各个page(每个page包括js,json,wxml,wxss)。此中,js文件处置逻辑,json寄存设置装备摆设,wxml寄存页面构造,wxss寄存款式表。

  • app文件零碎

    app.js,app.json,app.wxss这3个文件放在项目标根目次下,此中app.wxss文件不是必需的,不外普通都市将项目中通用的款式放在这里。

  • page文件零碎

    它包括4个文件:js(必需),wxml(必需),json(非必需),wxss(非必需)。

在这个根底上我添加了requests文件夹子 次要用来寄存数据接口(api)和封装了微信的request恳求

function request(url, data, successCb, errorCb, completeCb) {

wx.request({

url: url,

method: 'GET',

header: {

'Content-type': 'json'

},

data: data,

success: function (res) {

utils.isFunction(successCb) && successCb(res.data);

},

error: function () {

utils.isFunction(errorCb) && errorCb();

},

complete: function () {

utils.isFunction(completeCb) && completeCb();

}

});

}

别的款式援用了最火的小顺序框架weui 让用户体验和微信一样的作风 在项目中添加weui.wxss

然后在app.wxss中

@import "./weui.wxss";

根本的项目构造便是如许的,放几张本人的项目图在下面仅供参考

微信小顺序项目

【免责声明】本文《微信小顺序项目》仅代表作者自己观念,与煤油之家(http://m.shiyouzj.com/)网站有关。煤油之家对文中陈说、观念判别坚持中立,不合错误所包括内容的精确性、牢靠性或完好性提供任何昭示或表示的包管。请读者仅作参考,并请自行承当全部责任。本文若有进犯您的权益,请实时联络我们。

相干热词搜刮:软件 JSON 挪动互联网 技能

上一篇:微信小顺序运营剖析,小顺序市场运营应该留意什么?
下一篇:最初一页

分享到: 珍藏