XanaduCompany
1.0.0
Основные технологии, используемые в этой системе, следующие:
Vue3
2022.11.19 Обновление
Новая ветка Vue3, уже ветка по умолчанию, разработанная
zerotower69;
15.03.2023 Обновление
vue3 является основной веткой. Для версии vue2 обратитесь к ветке vue2. В настоящее время в этой ветке много ошибок. Чтобы узнать о некоторых недостатках, обратитесь к ветке vue2.
администратор --- управление серверной частью
Интернет --- дисплей на стойке регистрации
сервер --- серверная служба
Система онлайн для отображения
Отображение корпоративного портала (https://xanadu.aerowang.cn/)
Фоновое управление системой (https://xanadu.aerowang.cn/admin)
Аккаунт: youke, пароль: a123456
Администратор: admin Пароль: 654321
Вы также можете зарегистрироваться на
Если есть проблема, взгляните на скрипты в package.json. Вы можете увидеть, что команды разработки и запуска создаются из ничего. Если команда не может быть выполнена, ее нельзя определять!
npm install
npm run start(本地启动)
或者 npm run dev(实时监听改动重启，边改边跑) 需要全局安装 nodemon（任何说不是xxx命令的错误都是没有全局安装，请先安装后再运行） # 1.安装
npm install
#又或者
pnpm install
# 2.启动
npm run serve
#又或者
pnpm serve
# 3.打包
npm run build
#又或者
pnpm build
# 4.清除 node_modules
npm run clear
# 又或者
pnpm clear #由于rmdir 安装在这里，它也会清掉，就是自己干了自己
#会有一条报错出现，请无视它Пожалуйста, заранее установите команду pnpm глобально.
npm i pnpm -gАвтоматическое развертывание Docker в один клик
Заказ
# 主目录下
docker compose up -d
# 即可访问Необходимо изменить следующие файлы:
./admin/.env.production
VUE_APP_BASE_API = '你自己的域名:3000/api/v1'
./admin/vue.config.js
line.27 publicPath: '/', => publicPath: '/admin/',
./server/config/dbinfo.js
host: "localhost", => host: "xanadu-db",
./web/.env.production
VUE_APP_PRODURL = "你自己的域名/admin/#/login"
./web/src/utils/request.ts
baseURL: '/api' =>你自己的域名:3000/api
докер не использует версию go
Поскольку в этой системе оптимизированы ресурсы загрузки CDN, для запуска этой системы необходимо подключиться к относительно быстрой и стабильной сети, иначе на странице системы появятся некоторые ошибки!
2022.11.19 Обновление
Некоторые ссылки на ресурсы взяты с cdn.jsdelivr.net. В настоящее время (2022.11.19) доступ может быть немного медленным. Если вам интересно, вы можете изменить ссылку на ссылку самостоятельно.
2023.03.15 Обновление
1. Обязательно перейдите в соответствующие каталоги для запуска. Если быть точным, эта система разделена на три проекта: интерфейсный, внутренний и внешний. Этот корневой каталог нельзя запустить напрямую.
2. Пожалуйста, внимательно проверьте версию вашего узла. Ввиду обнаруженных проблем в среде Windows рекомендуется использовать более крупную версию узла 14, кроме того, групповой файл группы QQ предоставляет сжатый пакет зависимых пакетов, который также можно использовать в качестве; попробуйте; системы Mac 14 и 16 в порядке (работают на APPLE выше M1).
3. Если сообщается об ошибке подключения к базе данных, сначала проверьте, правильна ли конфигурация dbinfo.js в каталоге конфигурации на сервере (внутренний узел) и ваша собственная конфигурация базы данных.
4. Перед запуском проекта обязательно запустите npm install, чтобы установить соответствующие зависимости, а затем перейдите на конец pcweb, конец управления и серверную часть, чтобы просмотреть соответствующие файлы package.json, просмотреть раздел сценариев и подтвердить, что определена команда, которую вы хотите запустить. Команда dev не определена. Если вы хотите выполнить npm run dev , обязательно будет сообщено об ошибке, и первое сообщение об ошибке означает, что dev отсутствует в сценариях. В любом случае вы увидите два ключевых слова: package.json и scripts. . Первой строкой вашего отчета об ошибке должно быть сообщение о том, что была выполнена неопределенная команда.
5. Для сценария базы данных (initial_data.sql) обратитесь к группе QQ: 434063310 (владелец этой группы не является первоначальным автором, но поддерживает ее добровольно).
6. Node рекомендует использовать инструмент управления версиями nvm. Пользователи Windows могут напрямую использовать .exe для установки. Пользователи Mac могут использовать для установки Brew.
brew install nvmПосле установки nvm вы можете использовать его для переключения версий узла. nvm install xxx — это команда установки. Не забывайте использовать nvm use xxx для переключения на версию, которую вы хотите использовать, при каждом переключении.
7. Веб-проект использует CDN. Если вы не хотите его использовать, закомментируйте логику во внешней конфигурации; если она используется, проверьте, доступен ли нормальный доступ к соответствующей ссылке CDN. Вставьте ее непосредственно в файл. браузер, и вы можете проверить его и исправить. Настройте внешний.
8. Что касается использования прокси, обязательно настройте обратный прокси-сервер в nginx в производственной среде.
9. В настоящее время не существует подходящего решения по упаковке для внутреннего узла. Как правило, сервер напрямую использует pm2 для запуска службы узла. Установите pm2 на сервере и используйте:
npm i pm2 -gЕсли вам действительно нужно его упаковать, прочтите статью на Zhihu. Качество Baidu не очень хорошее. Но концепция упаковки здесь отличается от концепции Java. Даже если вы используете для упаковки веб-пакет, ваш код все равно будет JS, а не преобразуется в байт-код компилятором, как Java. Суть node — это C++ (потому что, строго говоря, node). a Среда выполнения JavaScript не является новым языком. Просто ядро V8, написанное на C++, предоставляет эти API узла. Реальный язык, отвечающий за взаимодействие с системой, — это C++.
10. Новичкам, пожалуйста, помните о назначении внешней упаковки. Код, который мы сейчас пишем, не может быть запущен непосредственно браузером. Нам необходимо преобразовать наш код в формат, который браузер может распознать и выполнить. это js для другого js. Процесс стандартизации полностью отличается от упаковки с точки зрения серверной части.
11. В случае проблем с путем к изображению попробуйте использовать собственную службу CDN или поместите ресурсы на свой сервер, чтобы заменить путь к изображению, который уже существует в базе данных. Вы можете использовать следующую инструкцию SQL:
UPDATE [tablename] SET [fieldname] = REPLACE([fieldname], ' locolhost:3000 ' , ' [yourHOST] ' )Ресурсам изображений не требуется обратный прокси-сервер nginx. Вы можете обратиться к следующей конфигурации:
location ~ .*.(gif|jpg|jpeg|png|bmp|swf|webp|jfif)$
{
#图片在server/static里，改写root路径就可以了！
root /www/wwwroot/zero/company/server/static;
expires 30d ;
error_log /dev/null;
access_log /dev/null;
}12. Когда вы встретите сообщение об ошибке, не расстраивайтесь, если увидите его на английском языке. Посмотрите на первое и последнее предложение. Например, если в серверной ошибке присутствует «внешний ключ», возможно, проблема связана с внешним ключом. Проверьте определение модели или определение базы данных или данные. Front-end Vue не определен. Эта проблема в основном связана с неправильным использованием cdn. Прокомментируйте vue.config.js (vue3), чтобы быть оптимистом. Если на английском слишком много ошибок, не читайте их. Нетрудно открыть Youdao (рекомендуется Google) и перевести их.
14. Если вам нужно добавить новые функции, рекомендуется сначала прочитать код. Код на самом деле не сложный. Вы просто не знакомы с новым языком и только начинаете ощущать боль. Функциональный дизайн не имеет особенностей. Эту часть кода невозможно скопировать. Это может быть только ваше собственное оригинальное творение. Если вы не понимаете часть кода, вы можете опубликовать картинку, чтобы задать вопросы ( обязательно опубликуйте картинку ). Если вы какое-то время не будете смотреть на код, вы забудете часть его. задавая вопросы, вы можете гарантировать, что на ваше замешательство можно будет ответить вовремя.
Я надеюсь, что каждый сможет не только узнать, как использовать этот проект из документации, но и получить соответствующие навыки, чтобы добиться прогресса во фронтенде. Видя это, почему бы тебе не дать мне звезду? Оставить свою звезду другой проститутке (собаке.)
Не забудьте поставить звездочку ღ(´･ᴗ･`)~ Новая группа: 434063310. (Своевременность ответа не гарантируется)
1. Первоначальная цель проекта — предоставить каждому возможность сравнить синтаксис версии vue3, чтобы многие функции соответствовали ветке vue2. Поскольку ошибки при разработке неизбежны, при необходимости обратитесь к ветке vue2 или разверните модификации версии. 2. Я не несу ответственности за чужой опыт. Если у вас есть какие-либо ошибки, вы можете задавать мне вопросы, но я не учитель. Учитель, который вам нужен, может быть:
