Платформа Campus Lost and Found на основе Springboot+vue+uni-app. Она включает в себя основную часть платформы для ПК, апплет WeChat и серверную веб-платформу для управления данными.
Vue 2.0
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
В проекте принята модель разработки с разделением внешнего и внутреннего интерфейса. На стороне ПК используется: Vue + Element-ui, мини-программа разрабатывается с использованием Uni-app, а API внутренних данных разрабатывается с использованием Java и Spring-. Ботинок.
Адрес кода ПК: https://github.com/lijinghailjh/WarmSearch-PC
Адрес кода мини-программы: https://github.com/lijinghailjh/WarmSearch-uniapp
Адрес внутреннего кода: https://github.com/lijinghailjh/WarmSearch.
Адрес кода терминала веб-управления: https://github.com/lijinghailjh/WarmSearch-Web
Поскольку проект все еще совершенствуется, его еще нет в сети;
В основном потому, что я беден и не могу позволить себе сервер.
Демонстрационное видео: Демонстрационное онлайн-видео
«В настоящее время (8 мая 2021 г.) я учусь на втором курсе колледжа. С мая прошлого года (2020 г.) я готовлюсь к самостоятельному изучению Java, от основ до фреймворков. В свободное время я начинаю с JavaWeb и заканчиваю SSM. в SpringBoot Затем во внешний интерфейс Ht. ml5, CSS3, JS, Vue.js и, наконец, Node.js. Закончив исследование, я начал создавать этот кампусный веб-сайт. В настоящее время представлен прототип проекта. Проект разделения -end и back-end В настоящее время я использую свободное время и постоянно совершенствую проект. Я новичок в этом, поэтому, если я допущу какие-либо ошибки, надеюсь, вы дадите мне несколько советов. Исходный код каждой части будет постоянно обновляться на Github.
В этом проекте используется технология разделения front-end и back-end Springboot + vue + uniapp + Mysql.
1. Этот проект включает в себя внутреннюю систему управления WarmSearch-Web 2. Интерфейсную систему WarmSearch-PC 3. Часть апплета WeChat WarmSearch-uniapp
Если вы считаете этот проект хорошим, вы можете поддержать его
Star
в правом верхнем углу. Большое спасибо! ! !
Фронтенд и бэкенд этого проекта разделены. Фронтенд основан на Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
и реализован со ссылкой на Hammer Mall. Бэкенд реализован на базе SpringBoot (фреймворк) + JSON WEB TOKEN (механизм токена) + MybatisPlus + Mysql.
Общая архитектура
Дизайн системы соответствует общей идее «разделения клиентской и серверной части/SOA». Интерфейсная часть использует Vue/ElementUI в качестве основной технологии платформы и Nginx в качестве HTTP-сервера для предоставления услуг доступа к статическим страницам. и функции обратного прокси; серверная часть использует основную технологию платформы Springboot. В основном используется база данных MySQL с открытым исходным кодом, а передняя и задняя части используют спецификации Restful для обмена данными.
В системе используется метод аутентификации по токену JWT, чтобы снизить потребление операций сервера и улучшить масштабируемость и расширяемость системы.
Общая архитектура
Общий дизайн основан на методе «разделения внешнего и внутреннего интерфейса». Когда браузер запрашивает страницу или статический ресурс, HTTP-сервер отвечает напрямую, когда браузер запрашивает данные, запрос по-прежнему отправляется на HTTP-сервер; сначала и пересылается на сервер веб-приложений через сервер. После бизнес-обработки сервера веб-приложения данные результата возвращаются на HTTP-сервер и, наконец, возвращаются в браузер. В этом процессе сервер веб-приложения возвращает только данные (формат JSON) без какой-либо информации, связанной с отображением (представлением), обеспечивая полное разделение внешнего и внутреннего интерфейса. Внешний интерфейс отвечает за страницы и отображение, а задний — за. -end отвечает за бизнес-обработку и данные.
Vue
+ Vue-router
+ Vuex
+ Element-ui
+ Axios
Мини программа обновленная версия v2.0 (2022 2 17)
Это второе обновление мини-программы и в дальнейшем оно будет обновляться.
Частичное отображение страницы найденного объекта
3.Бэкенд-система управления (WarmSearch-web)
Отображение страницы входа
Отображение домашней страницы
Отображение некоторых страниц функций
Дальнейшие планы
Если вы считаете мой проект неплохим, можете меня похвалить. Я сейчас студент второго курса и планирую продолжать улучшать этот проект, поэтому планирую купить сервер и развернуть его с открытым исходным кодом, если вам не так уж и просто; как мой проект, можете ли вы инвестировать в мой серверный фонд для меня, испытывающего затруднения студента колледжа, большое спасибо! ! ! !
Если вы это видите, значит, мой проект вас определенно интересует, тогда посетите мой блог, который будет пополняться более подробной информацией о моем проекте.
Или вы также можете связаться со мной по электронной почте на моей домашней странице Github [email protected].
Это мой WeChat, если вам что-нибудь понадобится, свяжитесь со мной. ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ Это мой адрес электронной почты: [email protected]. Любые советы приветствуются.