Проект ответственный: DCloud_UNI_GSQ. В QQ группе 797192690.
Адрес для просмотра проекта: wlry.m3w.cn. Логин тестового аккаунта: admin; пароль: 12345678. Этот адрес используется для тестирования, при запуске конкретного проекта для организации потребуется отдельная установка.
Этот проект успешно применён в десятках сообществ.
Данный проект является открытым с использованием лицензии Mulan Permissive License, все коды доступны для использования, модификации и распространения.
Для этого проекта требуется версия HBuilderX 2.5.11 или выше. Обязательно проверьте номер версии
Выберите версию для вашей операционной системы, стандартная версия подходит для большинства случаев. При запуске проекта будут автоматически установлены необходимые плагины.
HBuilderX — это портативное приложение, Windows версия распаковывается и запускается через HBuilderX.exe.
Скопируйте git адрес данного проекта: https://gitee.com/dcloud/xinguan2020-alien-registration.git
В меню HBuilderX выберите «Файл» - «Импортировать», затем выберите «Импорт из Git». Вставьте скопированный git адрес.
Если вы используете Windows, вам также потребуется установить TortoiseGit при импорте Git.
Если вы не участвуете в разработке открытого проекта, вы можете скачать zip архив с gitee репозитория, распаковать его на жесткий диск и перетянуть папку в HBuilderX (необходимо чтобы корневая директория содержала файл manifest).
Если вы уже зарегистрированы в HBuilderX, оставайтесь авторизованными. Если нет, нажмите кнопку входа в нижнем левом углу HBuilderX.
Исходный код проекта не содержит appid, вам потребуется получить его самостоятельно в файле manifest.json.
Для получения appid откройте файл manifest.json вашего проекта и нажмите кнопку «Получить appid» справа.
Проект требует регистрации и открытия uniCloud, так как Alibaba Cloud требует проверки личности. Во время пандемии проверка обычно занимает менее 30 минут.
После создания пространства услуг продолжайте щелкнуть правой кнопкой мыши по каталогу cloudfunctions в проекте и выберите созданное ранее пространство услуг, чтобы завершить привязку.
6. Инициализация пространства услуг
Пространство услуг включает облачную базу данных и облачные функции. Новое пространство услуг будет пустым в веб-консоли управления uniCloud, поэтому вам потребуется создать таблицы и загрузить облачные функции.
(Облачная база данных — это MongoDB, основанная на NoSQL.)
Структура базы данных описана в файле db.md, расположенном в корневом каталоге проекта. В то же время HBuilderX предоставляет быстрый способ инициализации базы данных, открыв файл db_init.json в каталоге cloudfunctions, щелкнув правой кнопкой мыши и инициализировав облачную базу данных, что автоматически создаст таблицы.
Следующий шаг — загрузка облачных функций в ваше пространство услуг. Щелкните правой кнопкой мыши по каталогу cloudfunctions и загрузите все облачные функции в ваше пространство услуг.
Вы можете просмотреть состояние облачной базы данных и облачных функций в веб-консоли управления uniCloud. Откройте веб-консоль управления, щелкнув правой кнопкой мыши по каталогу cloudfunctions и открыв веб-консоль управления uniCloud.
7. Запуск проекта
Проект инициализирован, теперь его можно запустить.
Проекты, созданные с использованием фреймворка uni-app, могут работать на всех платформах, будь то браузеры, мини-приложения или iOS/Android приложения. Для запуска нажмите кнопку «Запуск» в панели инструментов или используйте сочетание клавиш Ctrl + r
, чтобы открыть меню запуска.
Нажмите «Запуск в встроенном браузере», либо пропустите это меню и нажмите кнопку «Просмотреть» в правом верхнем углу HBuilderX, чтобы запустить версию H5.
Если ранее вы скачали стандартную версию HBuilderX, теперь начнётся установка плагинов uni-app. После завершения установки перезапустите проект.
Если консоль сборки сообщает о сообщении об ошибке условной компиляции node_modules, его можно проигнорировать.
Для запуска в внешнем браузере вам потребуется привязать безопасный домен в разделе безопасности H5 в веб-консоли uniCloud. В противном случае возникнут проблемы с запросами, поэтому убедитесь, что привязан безопасный домен, чтобы избежать таких проблем.
Чтобы запустить приложение на мобильном устройстве, используйте USB-кабель, чтобы подключить телефон к компьютеру, затем выберите соответствующий пункт меню для обновления списка подключённых устройств, чтобы продолжить работу с приложением.
Запущенная система требует входа. Поскольку пароли хранятся зашифрованными алгоритмами, учётная запись admin не может быть предварительно добавлена во время инициализации базы данных. На данный момент нет графического интерфейса для создания пользователей, поэтому предоставлен специальный облачный функционал для этого.
Перейдите в директорию cloudfunctions и найдите облачную функцию create-user. Щёлкните правой кнопкой мыши по этой директории и выберите «Загрузить и выполнить».
После выполнения этой облачной функции будет создано следующее поле пользователя в облачной базе данных:
{
"username": "admin",
"password": "123456"
}
Теперь вы можете использовать эти учетные данные для входа в систему через передний интерфейс.
При реальном развертывании следует заменить ключ passSecret
в файле cloudfunctions-module/src/utils/constants.js
на свой уникальный ключ. После изменения рекомендуется заново скомпилировать и загрузить облачную функцию, а затем повторно импортировать информацию о пользователе.Облачные функции Alibaba Cloud имеют процесс холодного старта при первом запуске, что делает первый запуск медленнее — около 5 секунд до получения ответа. При последующих запусках скорость нормализуется. Alibaba Cloud временно освобождает ресурсы облачных функций после длительного периода без использования, что снова вызывает процесс холодного старта при следующем запуске. Это ограничение находится в процессе устранения.
Щелкните меню публикации в HBuilderX, чтобы опубликовать на H5, App и мини-приложения.
/pages/tabbar/my.vue
следующим образом:// #ifdef MP-WEIXIN
// В мини-приложении WeChat здесь следует указать адрес QR-кода мини-приложения или H5 платформы, либо оставить поле пустым ('').
val: "https://wlry.m3w.cn/#/pages/tabbar/add?id=" + uni.getStorageSync('username'),
// #endif
```- Публикация H5
Пять нижних вкладок: список, диаграмма, +, поиск, моя учетная запись
Программа спроектирована таким образом, чтобы операторы были обязаны войти в систему, а гости — нет. Однако после входа оператора в систему он может видеть QR-код в разделе «Моя учетная запись», который можно показать или распечатать для внешних лиц. Эти лица могут сканировать этот код и открывать H5 страницу для самостоятельного заполнения формы.
Главная страница отображает список посетителей. При нажатии на элемент списка открывается детальная информация, где телефон каждого человека доступен для звонка.
Если при регистрации посетителя была указана информация о поездках во время праздников, то система автоматически проверяет эти данные против источника данных опасных маршрутов, чтобы убедиться, что поездки внешних лиц не попали в число объявлений о заражённых случаях.
Отображение графиков по времени, представляющих карантин, жар, подозрение, подтверждённые случаи и смерти.### + Форма для заполнения по полям базы данных. Имя, телефон — обязательные поля. В случае, если при развертывании требуется кастомизация полей, такие как удаление или добавление обязательных полей, можно вносить изменения самостоятельно на основе открытого проекта.
Телефон является уникальной меткой пользователя; повторное внесение данных с тем же номером телефона приведёт к обновлению существующих базовых данных.
При сохранении данных в базу данных помимо заполненной формы, также должны быть сохранены имя оператора, его ID, время выполнения действия и IP адрес.
Поиск возможен по имени, мобильному телефону или времени регистрации. Результат поиска будет отображаться в виде списка.
При открытии страницы в браузере на компьютере, вы заметите кнопку экспорта в верхнем правом углу экрана. Экспорт осуществляется в формате CSV, который может быть открыт в Excel. Если вам необходима кастомизация полей экспорта, это можно сделать самостоятельно в исходном коде.
Логин, выход и изменение пароля оператора.
Система не поддерживает регистрацию. Аккаунты операторов создаются администраторами через облачные функции, после чего каждый оператор может самостоятельно менять свой пароль.
Если вы забыли пароль, пожалуйста, обратитесь к администратору для сброса пароля через облачную функцию.Облачная функция create-user
, нажмите правой кнопкой мыши на директорию и выберите "Загрузить и запустить".
Если у вас есть возможность, приветствуем ваш вклад в создание визуального интерфейса для создания аккаунтов администраторами и сброса паролей пользователей.
После входа оператора, нажмите на "Моё" в меню, чтобы показать QR-код. Гости могут сканировать этот код для самостоятельного заполнения формы.
При втором заполнении формы, повторяющиеся данные будут автоматически заполнены.
Эти возможности приветствуются улучшениями со стороны разработчиков.
Приглашаем вас присоединиться к QQ-группе 797192690 для общения и обсуждения.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )