Проект «微信小程序 — мобильный торговый центр»
Описание проекта:
«微信小程序» — реализация мобильного торгового центра. Проект находится в стадии непрерывной разработки.
Используемые технологии: Weui.wxss, ES6.
Структура каталога:
Добавление, изменение, удаление и поиск данных
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
Вызов данных
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());
}
})```
**Проверка формы**
```html
<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="请输入姓名" />
``` **Текст запроса:**
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 } } })
**Перевод текста запроса на русский язык:**
Page({ data: { form: { имя : '', электронная почта: '', }, }, onLoad() { this.WxValidate = new WxValidate({ имя: { обязательно: true, минимальная длина: 2, максимальная длина: 10, }, электронная почта: { обязательно: true, электронная почта: true, }, }, { имя: { обязательно: 'Пожалуйста, укажите имя', }, электронная почта: { обязательно: 'Пожалуйста, введите электронную почту', электронная почта: 'Пожалуйста, введите действительный адрес электронной почты', }, }) }, submitForm(e) { const params = e.detail.value if (!this.WxValidate.checkForm(e)) { const error = this.WxValidate.errorList console.log(error) вернуть false } } })
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )