1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/diygw-weimall

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Проект «微信小程序 — мобильный торговый центр»

Описание проекта:

«微信小程序» — реализация мобильного торгового центра. Проект находится в стадии непрерывной разработки.

Используемые технологии: 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
    • ...
  • assets — хранение статических файлов, таких как изображения, стили и плагины.
  • etc — хранение конфигурационных файлов, например, config.js.
  • helpers — хранение вспомогательных файлов, включая Promise для работы с API, RESTful HTTP-клиентом и валидацией форм.
  • pages — файлы, связанные с страницами проекта.
  • 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

Вызов данных

  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="请输入姓名" />
``` **Текст запроса:**
邮箱 确定 ```js 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 } } })


**Перевод текста запроса на русский язык:**
Электронная почта Подтвердить ```js import WxValidate from 'helpers/WxValidate'

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 )

Вы можете оставить комментарий после Вход в систему

Введение

Для взаимодействия с бэкендом на PHP и реализации функций мини-программы было предложено решение, которое помогает пользователям эффективно разрабатывать мини-приложения. Проект находится в процессе постоянного обновления... Адрес исходного кода для однократного применения на бэкенде: https://gitee.com/html580/diygw Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/diygw-weimall.git
git@api.gitlife.ru:oschina-mirror/diygw-weimall.git
oschina-mirror
diygw-weimall
diygw-weimall
master