IceCMS
1.0.0
簡体字中国語 |
フロントエンドとバックエンドを分離した Spring Boot + Vue に基づくコンテンツ管理システム
デモ: (www.icecmspro.com) バックステージ: (admin.icecmspro.com)
公式ウェブサイト：（www.icecms.cn）
IceCMS ドキュメント: (http://www.icecms.cn)
コンテンツ管理：記事、画像、リソースなどのさまざまな種類のコンテンツの管理。
列管理: 列をカスタマイズし、列を追加、削除、変更、確認します。
ユーザー管理: バックエンド ユーザーを管理します。これには、権限の追加、削除、変更、割り当てなどの機能が含まれます。
データ統計: Web サイトの訪問、ユーザーの行動などの統計分析。
テンプレート管理: Web サイトのテンプレートをカスタマイズして、Web サイトを容易かつ迅速に構築します。
SEO最適化：Webサイトのタイトル、キーワード、説明文などのSEO最適化機能。
フロントデスク: www.icecmspro.com
uniapp モバイル端末: uni.icecmspro.com
バックステージ: admin.icecmspro.com アカウントadminパスワードadmin123
API ドキュメント: api.icecmspro.com/doc.html
JDK8 に基づいて開発されているため、8 より上の依存関係を追加する必要があります。
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >コアフレームワーク: Vue2.x、Vue Router、Vuex
Vue プロジェクトは @vue/cli4.x に基づいて構築されています
JS の依存関係と参照 CSS: axios、moment、nprogress、v-viewer、prismjs、APlayer、MetingJS、lodash、mavonEditor、echarts、tocbot、iCSS
バックエンド CMS は部分的に vue-admin-template に基づいています
UIフレームワークはElement UIです
要素 UI: 部分的な使用、いくつかの小さなコンポーネント、迅速な効果の実装を容易にするために UI スタイルが変更されました
ラベル機能の追加
一部のUIを改善
Dockerフロントエンドの導入方法
Docker Compose ワンクリックデプロイメント
Docker デプロイメント方法 (推奨、クイック起動またはテストに使用可能)
# 未安装docker的请先安装docker，已经安装的跳过此步
yum install docker-ce -y
#启动docker
systemctl start docker
# 配置国内源
# 创建docker目录
sudo mkdir -p /etc/docker
# 创建配置文件
sudo tee /etc/docker/daemon.json <<-'EOF'
{
"registry-mirrors": ["https://mirror.ccs.tencentyun.com"]
}
EOF
# 加载新的配置文件
sudo systemctl daemon-reload
# 重启docker服务
sudo systemctl restart docker
main-命令执行
Ps:按顺序执行
1.运行Mysql容器
docker run -d -p 0:3389
--name ice-sql
--restart always
thecosy/icemysql:v2.2.0
2.运行Spring容器
docker run -d -p 8181:8181
--name ice-api
--restart always
--link ice-sql:db
thecosy/icecms:v2.2.0
3.运行Vue容器
docker run -d -p 3000:80
--name ice-vue
--restart always
--link ice-api:iceApi
thecosy/icevue:v2.2.0
#访问前端地址http://ip:3000
iceCMS/
├── HELP.md
├── IceCMS-java.iml
├── IceCMS-main --java主程序启动入口
│ ├── IceCMS-main.iml
│ ├── main.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IcePay-ment --java支付模块
│ ├── IcePay-ment.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IceWk-ment --java前端api模块
│ ├── IceWk-ment.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IceWk-uniApp --h5Uniapp模块
│ ├── App.vue
│ ├── LICENSE
│ ├── components
│ ├── main.js
│ ├── manifest.json
│ ├── nPro
│ ├── package-lock.json
│ ├── package.json
│ ├── pages
│ ├── pages.json
│ ├── static
│ ├── store
│ ├── subPage
│ ├── template.h5.html
│ ├── theme
│ ├── uni.scss
│ ├── uni_modules
│ ├── utils
│ └── vue.config.js
├── IceWk-vues --前端vue模块
│ ├── LICENSE
│ ├── README.md
│ ├── babel.config.js
│ ├── build
│ ├── dist
│ ├── jest.config.js
│ ├── jsconfig.json
│ ├── node_modules
│ ├── package-lock.json
│ ├── package.json
│ ├── postcss.config.js
│ ├── public
│ ├── serverless.yml
│ ├── src
│ ├── vue.config.js
│ └── yarn.lock
├── README.md
├── bin
│ ├── clean.bat
│ ├── package.bat
│ └── run.bat
├── doc
│ └── IceCMS环境使用手册.docx
├── mvnw
├── mvnw.cmd
├── pom.xml
└── sql --项目sql文件
├── icecms5.6.sql
└── icecms8.0.sql
1.環境構成
MySQL JDK1.8 以降 Maven Nodejs WeChat 開発者ツール
2. MySQL データベースIceCMSを作成し、 /sql/IceCMS.sqlを実行してテーブル データを初期化します。
3.iceCMS-main管理バックエンドのバックエンドサービスを開始します
3.1. 構成情報IceCMS-main/src/main/resources/application.yml変更してデータベース接続を構成します。
3.2. Redisをインストールして起動します（使用しなくても影響ありません）
3.3. コマンドラインを開き、次のコマンドを入力します。
cd iceCMS
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar iceCMS/iceCMS-main/target/iceCMS.jar
#在iceCMS.jar目录输入 java -jar iceCMS.jar
4.iceCMS-vues ディレクトリに移動します
コマンドラインを開いて次のコマンドを入力します
# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git
# 进入项目目录
cd IceWk-VUE
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --legacy-peer-deps --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev # 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod5. フロントエンドの起動
ブラウザを開いて http://localhost:9528 にアクセスし、フロントエンド ページに入ります。
フロントエンドとバックエンドを起動します (バックエンドアドレス http://localhost:9528/admin)
6. uniappモバイル端末を起動します
HBuilderX をダウンロード
(https://ext.dcloud.net.cn/plugin?id=9261) uniapp モバイル プラグイン ディレクトリを入力し、[インポート] をクリックしてローカルにインポートします。
IceCMS-uniapp プロジェクトをローカルで開くこともできます
IceWK-uniAppディレクトリを開き、コンパイルしてパッケージ化します。
よくある質問:
utf8mb4であることを保証している場合、通常は問題ありません (「サイト設定」や「記事の詳細」などの多くのテーブル フィールドでは、絵文字表現をサポートするためにutf8mb4形式のキャラクタ セットが必要です。それ以外の場合は、SQL ファイルをインポートするときに、インポートが成功すると、一部のフィールドが不完全であるため、フロントエンド ページでデータをレンダリングするときにエラーが発生します)root 、 123123です。これは個人プロジェクトであるため、パスワードを変更するページはありませんtop.naccl.util.HashUtilsのmainメソッドでパスワードを手動で生成して保存できます。データベース内で。application-dev.propertiesの構成情報の変更に注意してください。token.secretKey変更する場合は注意してください。変更しないと、トークンのセキュリティが保証されません。 QQコミュニケーショングループ：（951286996）
TGグループ：[https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
このグループは学習と交流のグループです。プログラムに関する問題がある場合は、直接問題を提出してください。
GPL-3.0 ライセンス © pipipi-pikachu
非営利のオープンソース ソフトウェア ライセンスを提供してくれた JetBrains に感謝します
