netherworld console
1.0.0
バックエンド管理システム全体、生死の書のクエリとエクスポート、メリットを追加するための木魚をノックする機能を含む、裏世界管理システムの完全なセット。バックエンドはnode+mysql+express使用します。 node+mysql+expressテクノロジー スタックとフロントエンド テクノロジー スタックは、マルチユーザー複数権限システムであるVue+elementUI使用します。
プレビュー アドレス: http://df.earthonline.club/homeアカウント管理者、パスワード 123456、アカウントのパスワードは変更しないでください。
さまざまな現実的な要因によって引き起こされる問題を回避するために、この裏社会管理システムの運用プロセスは実際の (広く流通している声明の) プロセスではなく、たとえば、伝説の望郷テラスと三生石は反映されておらず、参照されているだけです。全体的なプロセスとテーマ。
-- プレビュー アドレスを追加
--管理者権限がNaNエラーにリセットされる状況を修正
--自動をオンにした後、ノックアウトフィッシュページが直接エラーを返す問題を修正しました。
-- テスト データapi/test.sqlを追加します。
此项目包含三部分，包括后端api接口，前端管理后台，前端用户体验端
全体的な機能には、データ統計プレビュー、生死の書管理、魂誘惑者、魂誘惑管理、地獄宮殿の試練、試練記録、地獄十八層、装備管理、六道輪廻、装備管理、送金、送金管理が含まれます。 、役割設定、権限管理、管理者管理、システム設定
機能フロー生死帳のデータを追加すると、名前、生年月日、死亡日と住所、陰陽の徳目、人生に含まれる財産、死の種類、死因、この人の説明など、この人のさまざまなデータが含まれます。人生、属性の説明、婚姻状況、死亡状況などの完全なデータは、死亡日以降に誘惑されるのを待っている人々のリストに追加され、誘惑者が魂を捕らえて引き渡されるのを待ちます彼の生涯の賞罰によると、その結果は、輪廻転生、地獄の層、功徳を高めるために18歳の刑を宣告されることを含む。
运行环境准备：
nodeJS -v 16.15.0
mysql -V 8.0.28
実行順序: api -> ユーザー -> 管理者
新しいデータベースafterlifedbを作成し、 api/afterlifedb.sql内の SQL をインポートまたは実行します。実行が成功すると、データベースのインポートが完了します。
api/link/config.jsを開き、データベース リンク情報を入力します。
let config = {
host : 'localhost' , // 数据库地址，默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名，不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}apiディレクトリに戻り、ここでコマンド ウィンドウを開き、依存関係をインストールします。
npm i
プロジェクトを開始する
node index.js
Service started successfully, running on http://localhost:3000 」と表示されたら、プロジェクトが正常に開始されたことを意味します。 http://127.0.0.1:3000/api/user/gettempauthリクエストして (アクセスして)、 「いいえ」の場合は、データベースのインポートを確認してください。
user/src/main.jsファイルを開きます。ここには 3 つのアドレスを入力します。
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址，不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址，注意末尾携带/ローカルで実行している場合は、ポートが正しいことを確認してから、この時点でバックグラウンド管理システムが設定されていない場合、バックグラウンド管理システムのアドレスはhttp://localhost:8081です。 http://localhost:8081ポート 8081 が占有されている場合は、 http://localhost:8082ポートなどで実行して、cmd で次のコマンドを実行します。返された内容が空であれば、それを意味します。占有されていません。
netstat -ano|findstr "8081"
apiディレクトリに戻り、ここでコマンド ウィンドウを開き、依存関係をインストールします。
npm i
プロジェクトを開始します。それが単なるローカル プレビューである場合は、実行後に次のコマンドを実行して、 App running at:
npm run serve
パッケージ化して公開する必要がある場合は、次のプロセスに従って完了してください。それ以外の場合は、このコンテンツを直接「3. パッケージ化を構築するための管理の背景」に進んでください。
npm run build
生成されたファイルはuserdistフォルダーにあり、フォルダーにはパッケージ化されたコンテンツが含まれています。
パッケージ化されたコンテンツをローカルで実行できるようにする
(1) Express に従って基本構造を作成する
mkdir myapp
cd myapp
npm init
package.jsonが作成されます
(2) Expressのインストール
npm install express --save
node_modules が作成されます
(3) 同じディレクトリにindex.jsファイルとwwwフォルダを作成し、 index.js内に書き込みます
const express = require ( 'express' )
const app = express ( )
app . get ( '/' , ( req , res ) => res . send ( 'Hello World!' ) )
app . use ( express . static ( './www' ) )
app . listen ( 3010 , ( ) => console . log ( 'Example app listening on port 3010!' ) ) (4) npm run build後、パッケージ化されたファイルのディレクトリはwwwに配置されます。dist には、index.html と page のフォルダーがすべてパッケージ化されます。
(5) パッケージ化したページにアクセスするために、 localhost:3010/index.htmlにアクセスするルートを追加します。
他のコンピュータもアクセスする必要がある場合は、localhost をローカル IP アドレスに置き換えれば問題ありません。
admin/src/main.jsファイルを開きます。ここには 3 つのアドレスを入力します。
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址，不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址，注意末尾携带/ローカルで実行している場合は、ポートが正しいことを確認し、デフォルトで使用します。
adminディレクトリに戻り、ここでコマンド ウィンドウを開き、依存関係をインストールします。
npm i
プロジェクトを開始します。それが単なるローカル プレビューである場合は、実行後に次のコマンドを実行して、 App running at:
npm run serve
パッケージ化して公開する必要がある場合は、上記のパッケージ化と実行プロセスを参照してください。
バックエンド管理の最上位管理者のデフォルトのアカウントとパスワードは admin、123456 です。
この時点で、プロジェクトの構築は完了します。
