聲明:
1.游戲王卡片制作器本身就是由【kooriookami】開(kāi)發(fā)的,用于DIY卡片因此我只是原有功能再現(xiàn)并不會(huì)追加新功能
2.其次數(shù)據(jù)和卡圖均來(lái)源于網(wǎng)絡(luò),因此我也只提供網(wǎng)絡(luò)能獲取該內(nèi)容的途徑,并不會(huì)預(yù)先準(zhǔn)備好
最近一直沒(méi)有時(shí)間看回復(fù)和私信,我重新下載github上的項(xiàng)目發(fā)現(xiàn),分支上的內(nèi)容確實(shí)有問(wèn)題,進(jìn)行了重新調(diào)整。
這里默認(rèn)讀者已經(jīng)閱讀過(guò)前一篇博文:【實(shí)戰(zhàn)與雜談】如何復(fù)活一個(gè)開(kāi)源網(wǎng)站-游戲王卡片生成器
前端環(huán)境配置
1. 準(zhǔn)備powershell
因?yàn)閳?zhí)行的大多數(shù)都是些linux命名,在window環(huán)境還是安裝一個(gè)powershell來(lái)執(zhí)行命令
powershell下載地址為:
https://github.com/PowerShell/PowerShell?
根據(jù)當(dāng)前系統(tǒng)選擇版本,筆者是windows 10 64位,因此選擇Windows (x64)
安裝完成后
2. 安裝nodejs
當(dāng)出現(xiàn)時(shí),需要安裝node.js可以通過(guò)https://nodejs.org進(jìn)行下載安裝
隨后執(zhí)行
npm install
如果安裝時(shí)間慢,是因?yàn)槭褂昧藝?guó)外國(guó)外進(jìn)行,這里改成國(guó)內(nèi)鏡像
npm config set registry http://registry.npm.taobao.org
3. 安裝is-electron
?當(dāng)出現(xiàn)提示時(shí)
安裝is-electron
npm install --save is-electron
4. 最終得到這個(gè)界面證明前端內(nèi)容部分已經(jīng)啟動(dòng)成功
執(zhí)行
npm run dev
獲得下圖即代表正常啟動(dòng)
訪問(wèn)網(wǎng)址會(huì)進(jìn)入到界面,只會(huì)顯示默認(rèn)的青眼白龍,卡面其他內(nèi)容因?yàn)楹蠖藳](méi)啟動(dòng)不會(huì)加載,
目前github項(xiàng)目的前端已經(jīng)在確保能正常啟動(dòng)后,把調(diào)整后的代碼上傳到項(xiàng)目中,按照上面操作在win10環(huán)境下應(yīng)該得到截圖內(nèi)容。接下來(lái)就是準(zhǔn)備后端環(huán)境
?后端環(huán)境配置
這次以最新2023.4月份數(shù)字包1201為例,本地搭建自己的游戲王卡片生成器就幾乎能同步最新的卡。
在上一篇論文中我提供了源碼,讓讀者自行編譯執(zhí)行,在后臺(tái)和評(píng)論來(lái)看,我直接提供執(zhí)行包,安裝好運(yùn)行環(huán)境能正常啟動(dòng)即可。
1. 安裝JAVA運(yùn)行環(huán)境
因?yàn)槲液笈_(tái)使用的是java,因此執(zhí)行環(huán)境需要安裝jdk,選擇能執(zhí)行jar包的環(huán)境即可,在JDK找到能安裝jdk安裝包安裝?,得到下面截圖內(nèi)容即可
2. 啟動(dòng)后端程序
讀者可以自行通過(guò)源碼編譯jar包,也可以下載我的分割好的壓縮包(因?yàn)橥暾鹙ar包超過(guò)100m)
java -jar YGO-CARD-1.0-SNAPSHOT.jar -image.img=c:\monster\ -spring.datasource.url=jdbc:mysql://127.0.0.1:3306/mytest?characterEncoding=utf-8 -spring.datasource.username=root -spring.datasource.password=123456
配置 | 說(shuō)明 |
-image.img | 卡片插畫(huà)所在地址 |
-spring.datasource.url | 數(shù)據(jù)庫(kù)地址 |
-spring.datasource.username | 數(shù)據(jù)庫(kù)賬號(hào) |
-spring.datasource.password | 數(shù)據(jù)庫(kù)密碼 |
見(jiàn)到下圖代表已啟動(dòng)成功
3. 初始化后端數(shù)據(jù)
后端項(xiàng)目啟動(dòng)后需要對(duì)圖片和卡片數(shù)據(jù)進(jìn)行初始化,程序才能正確獲取到對(duì)應(yīng)
3.1 卡片插畫(huà)
通過(guò)游戲王數(shù)據(jù)庫(kù)我們可以查詢到【革命同調(diào)士】的碼為97682931
ygoprodeck提供了api可以讓我們查詢到圖片,例如【革命同調(diào)士】的碼為97682931,我們?cè)L問(wèn)97682931.jpg (624×624) (ygoprodeck.com)?就可以得到程序需要的插圖
3.2 卡片數(shù)據(jù)
每個(gè)版本的ygo,過(guò)后對(duì)應(yīng)的卡片數(shù)據(jù)更新斗發(fā)布在開(kāi)源項(xiàng)目中,讀者可以通過(guò)查看提交日志來(lái)取人卡片信息是否已經(jīng)更:
https://github.com/mycard/ygopro-database/commits/dump
如下圖我們可以發(fā)現(xiàn)在ygo發(fā)布4天后,卡片數(shù)據(jù)也已經(jīng)更新了
? ? ? ?關(guān)于數(shù)據(jù)腳本導(dǎo)入我這里就不再多講,我這里主要解決在私信說(shuō)使用腳本導(dǎo)入不進(jìn)去的情況,我這里提供對(duì)應(yīng)數(shù)據(jù)表新建腳本。
DROP TABLE IF EXISTS `datas`;
CREATE TABLE `datas` (
`id` int(11) NOT NULL,
`id1` blob,
`id2` blob,
`id3` blob,
`type` blob,
`atk` int(11) DEFAULT NULL,
`def` int(11) DEFAULT NULL,
`level` int(11) DEFAULT NULL,
`race` int(11) DEFAULT NULL,
`attribute` int(11) DEFAULT NULL,
`id0` blob,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
DROP TABLE IF EXISTS `texts`;
CREATE TABLE `texts` (
`id` int(11) NOT NULL,
`name` varchar(255) CHARACTER SET utf8 DEFAULT NULL,
`desc` text CHARACTER SET utf8,
`dec2` text CHARACTER SET utf8,
`dec3` text CHARACTER SET utf8,
`dec4` text CHARACTER SET utf8,
`dec5` text CHARACTER SET utf8,
`dec6` text CHARACTER SET utf8,
`dec7` text CHARACTER SET utf8,
`dec8` text CHARACTER SET utf8,
`dec9` text CHARACTER SET utf8,
`dec10` text CHARACTER SET utf8,
`dec11` text CHARACTER SET utf8,
`dec12` text CHARACTER SET utf8,
`dec13` text CHARACTER SET utf8,
`dec14` text CHARACTER SET utf8,
`dec15` text CHARACTER SET utf8,
`dec16` text CHARACTER SET utf8,
`dec17` text CHARACTER SET utf8,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
刪去ygopro-database/locales/zh-CN at dump · mycard/ygopro-database · GitHub腳本中的
PRAGMA foreign_keys=OFF;
BEGIN TRANSACTION;
CREATE TABLE texts(id integer primary key,name text,desc text,str1 text,str2 text,str3 text,str4 text,str5 text,str6 text,str7 text,str8 text,str9 text,str10 text,str11 text,str12 text,str13 text,str14 text,str15 text,str16 text);
CREATE TABLE datas(id integer primary key,ot integer,alias integer,setcode integer,type integer,atk integer,def integer,level integer,race integer,attribute integer,category integer);
COMMIT;
最終效果
本次博文對(duì)原有項(xiàng)目追加內(nèi)容
- 前端項(xiàng)目
修復(fù)了原有代碼無(wú)法正常啟動(dòng)的問(wèn)題
- 后端項(xiàng)目文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-503922.html
提供源碼啟動(dòng)jar包,只需要安裝java環(huán)境直接啟動(dòng),指定環(huán)境參數(shù)即可文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-503922.html
到了這里,關(guān)于【實(shí)戰(zhàn)與雜談】本地搭建自己的游戲王卡片生成器的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!