Проект
Это проект, связанный с зарубежными партнёрами. Мы являемся сторонним подрядчиком и выполняем работу по двум направлениям: мобильное приложение (Android, iOS) и веб-интерфейс, а также бэкенд на Node. Сервис обладает расширяемостью и возможностью развёртывания.
Я отвечаю за разработку веб-интерфейса и бэкенда, но не участвую в работе над мобильным приложением. Компания только начала свою деятельность, и над проектом работаем только мы с техническим руководителем. На то, чтобы довести проект до запуска, ушло больше полугода. Это было непросто, так как мы работали вдвоём и выполняли все задачи самостоятельно. В итоге получился проект среднего размера, но с большим количеством функций.
Стек технологий для фронтенда и бэкенда
Фронтенд: ReactJS + Flux + React Router + ES5/ES6 + Ajax + Bootstrap + Browserify для сборки + различные сторонние пакеты (см. использование в коде проекта).
Бэкенд: NodeJS + Express + MongoDB + ACL.
Среда разработки
Установлены следующие программы:
Для отладки фронтенда используется Chrome.
Структура каталогов проекта
Каталоги для бэкенда:
Каталоги для фронтенда:
Загрузка и запуск
Клонируйте репозиторий с помощью команды git clone:
git clone https://git.oschina.net/git_zliang/SmartinsightXiangMuZiXiTong.git
Перейдите в папку проекта:
cd SmartinsightXiangMuZiXiTong
Установите зависимости с помощью npm:
npm install
Если возникают проблемы с установкой некоторых зависимостей, попробуйте использовать cnpm.
Установите Bower глобально:
bower install bootstrap
Соберите проект с помощью одной из команд:
npm run build
;npm run build-dist
.Запустите MongoDB.
Запустите сервер с помощью следующей команды:
node app.js
.
Чтобы зарегистрировать суперпользователя, выполните команду:
curl -d "password=xxxxxx" http://localhost:8080/createsuperadmin/
.
Доступ к веб-приложению осуществляется через браузер по адресу:
http://localhost:8080/public/#/
.
Демонстрация работы приложения
Приложение включает в себя следующие функции:
1.1. Пример интерфейса для обратной связи:
![Обратная связь](https://git.oschina.net/uploads/images/2017/0802/164817_3a675b94_1447612.jpeg "1501663712(1).jpg")
1.2. Пример регистрационной формы:
![Регистрация](https://git.oschina.net/uploads/images/2017/0802/165236_8bc8cc65_1447612.jpeg "1501663967(1).jpg")
Главная страница:
На главной странице представлены девять основных модулей управления: организация, сотрудники, опросы, редактирование опросов, продвижение рекламы и версия клиента, настройки, метаданные, обратная связь и шаблоны опросов.
Организация:
Модуль позволяет создавать организации и управлять администраторами организаций. Администраторы могут управлять только своей организацией и не имеют доступа к данным других организаций.
Сотрудники:
Суперпользователь может создавать анонимных сотрудников для исследования рынка, а администратор организации — добавлять сотрудников в свою организацию.
Опросы:
В этом модуле можно просматривать список опросов, удалять их, редактировать, клонировать в качестве шаблона или делиться ими.
Пример интерфейса для редактирования опроса:
Пример автоматического анализа результатов опроса:
Детали опроса:
Этот модуль позволяет создавать и редактировать различные типы вопросов, отправлять и утверждать опросы.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )