在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:weimall开源软件地址:https://gitee.com/diygw/weimall开源软件介绍:微信小程序-移动端小商城项目说明:微信小程序:实现一个移动端小商城,项目持续更新中... 使用技术:Weui.wxss 、 ES6 目录结构:weimall/ |-assets/ |- images/ |- plugins/ |- styles/ |- ... |-etc/ |- config.js |- ... |-helpers/ |- HttpResource.js |- HttpService.js |- ServiceBase.js |- Tools.js |- WxResource.js |- WxService.js |- WxValidate.js |- ... |-pages/ |- start |- index.js |- index.json |- index.wxml |- index.wxss |- ... |-app.js |-app.json |-app.wxss |-...
##增删改查import ServiceBase from 'ServiceBase' class Service extends ServiceBase { constructor() { super() this.$$prefix = '' this.$$path = { wechatSignUp: '/index/wechatSignUp', wechatSignIn: '/index/wechatSignIn', decryptData: '/index/decryptData', signIn: '/index/signIn', signOut: '/index/signOut', data:'/index/data', detail: '/index/detail', add: '/index/add', del: '/index/del', update: '/index/update' } } wechatSignUp(params) { return this.postRequest(this.$$path.wechatSignUp, params) } wechatSignIn(params) { return this.postRequest(this.$$path.wechatSignIn, params) } wechatDecryptData(params) { return this.postRequest(this.$$path.decryptData, params) } signIn(params) { return this.postRequest(this.$$path.signIn, params) } signOut() { return this.postRequest(this.$$path.signOut) } //获取表格分页数据 getData(params) { return this.getRequest(this.$$path.data, params) } //获取单条数据 getDetail(params) { return this.getRequest(this.$$path.detail, params) } //新增数据 addData(params){ return this.postRequest(this.$$path.add, params) } //删除数据 delData(params) { return this.getRequest(this.$$path.del, params) } //更新数据 updateData(params) { return this.getRequest(this.$$path.update, params) } }export default Service //调用数据 App.HttpService.getData({ table:'banner', page:1 }).then(data=>{ if(data.code==0){ data.data.forEach(n => n.path = App.renderImage(n.img)); this.setData({ images: data.data }); }else{ this.showModal(data.message); } }); //新增数据 App.HttpService.addData(params).then(data => { if (data.code == 0) { this.showToast(data.message) } }); //更新数据 App.HttpService.updateData(params).then(data => { if (data.code == 0) { this.showToast(data.message); } }); //删除数据 App.WxService.showModal({ title: '友情提示', content: '确定要删除这个地址吗?', }) .then(data => { if (data.confirm == 1) { App.HttpService.delData({ table: 'address', id: id }).then(() => App.WxService.navigateBack()); } }) Form validation<form bindsubmit="submitForm"> <view class="weui-cells"> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">姓名</view> </view> <view class="weui-cell__bd"> <input name="name" value="{{ form.name }}" class="weui-input" type="text" placeholder="请输入姓名" /> </view> </view> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label">邮箱</view> </view> <view class="weui-cell__bd"> <input name="email" value="{{ form.email }}" class="weui-input" type="text" placeholder="请输入邮箱" /> </view> </view> </view> <view class="button-sp-area"> <button class="weui-btn" type="primary" formType="submit">确定</button> </view></form> import WxValidate from 'helpers/WxValidate'Page({ data: { form: { name : '', email: '', }, }, onLoad() { this.WxValidate = new WxValidate({ name: { required: true, minlength: 2, maxlength: 10, }, email: { required: true, email: true, }, }, { name: { required: '请输入姓名', }, email: { required: '请输入邮箱', email: '请输入有效的电子邮件地址', }, }) }, submitForm(e) { const params = e.detail.value if (!this.WxValidate.checkForm(e)) { const error = this.WxValidate.errorList console.log(error) return false } },}) 项目截图:分享精神非常感谢您的支持!如果您喜欢WeiMall,请将它介绍给自己的朋友,或者帮助他人安装一个DiyGw,又或者写一篇赞扬我们的文章。WeiMall是对ThinkPHP的传承和新的传奇。由WeiMall开发团队完成开发。如果您愿意支持我们的工作,欢迎您对DiyGw进行捐赠。 支付宝捐赠(收款人:[email protected])微信捐赠(收款人:html580网站-邓志锋付钱)如果您对WeiMall有任何建议、想法、评论或发现了bug,请联系我们[email protected]。 感谢:感谢开源作者:m-mall 贡献有任何意见或建议都欢迎提 issue |
请发表评论