Methodot低代碼電影票房管理系統實戰案例(一):創建數據庫

給大傢分享一個在Methodot上使用低代碼快速搭建一個電影票房管理後臺系統的實戰案例,對產品、開發、業務三方能夠更高效推進項目上線,免運維,滿足研發、中小團隊、創業團隊快速開發crm管理系統等

滿足團隊當天需求,當天上線

在methodot上創建發佈的項目,微服務架構設計,免運維、免搭建而且部署都是配備免費域名的,無需額外購買服務器,3s即可部署到線上(如果自身有數據庫的,可直接看第二篇文章,在前端低代碼內完成API聲明)

文章內容總共會分成三部分:

(1)創建數據庫;(2)前端低代碼搭建系統後臺;(3)為系統添加增刪查改功能組件;​

本次案例將使用methodot應用商店的mysql來搭建雲上數據庫(開箱即用)

Methodot的應用商店有多種免費雲數據庫可使用

詳細流程:

一、創建一個雲端MySQL數據庫

首先我們要在Methodot上創建一個賬號,點擊鏈接:快速註冊

官網註冊頁

在個人工作臺頁面進入到應用商店,尋找我們需要用到的MySQL和phpMyAdmin

在自己的工作臺找到應用商店

在應用商店找到MySQL,點擊MySQL商品,進入到MySQL頁面後,選擇部署最新版本

在Methodot應用商店——找到Mysql部署最新版本

輸入賬號的密碼,用戶名默認為root(Methodot上部署的項目及商品應用,都是會隨機生成域名的,而且也是免費的),點擊立即部署

輸入自己mysql的密碼

​ 如果是使用個人版或者專業版的話,發佈的項目及商品,域名支持自定義,也支持使用自己的域名CNAME解析至二級域名

個人版及專業版套餐支持自定義域名

看到發佈成功後,我們點擊訪問,就能看到mysql的域名瞭,要註意紅色箭頭生成的為端口,雲端的數據庫就建好瞭(不要忘記自己設置的密碼哦,用戶名為root)

雲端數據庫已經建好

二、用phpMyAdmin對MySQL數據庫建表

接下來我們就開始準備借助線上工具phpMyAdmin來處理列表數據,在應用商店搜索就能看到瞭,點擊phpMyAdmin,選擇部署最新版本

methodot應用商店—phpmyadmin部署最新版本

個人版和專業版的用戶可以自定義端口域名,而且支持上傳https證書,免費版可以用隨機生成的域名(本次使用的是movies-data),大傢可以根據自己的情況來進行編輯

支持https證書

發佈成功之後,可以點擊訪問鏈接或者復制域名到瀏覽器中打開,進入到phpMyAdmin的界面

已部署成功

這時候我們可以輸入剛剛創建的MySQL雲數據庫

輸入對應的域名(記得把端口也帶上)、用戶名(默認root)、密碼

輸入對應的信息

進入到頁面之後,在頭頂確認下我們連接的服務器,在左側新建一個庫

在創建數據庫的時候,記得選擇utf8mb4_general_ci,輸入對應庫的名稱,選擇執行(本次案例使用的是data_movies)

建一個新的數據庫

這時候庫建好瞭,為瞭方便後續實戰的演示,可將下方內容導入到庫中

準備導入數據

DROP TABLE IF EXISTS `movie`;
CREATE TABLE `movie` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) DEFAULT NULL,
`revenue` varchar(255) DEFAULT NULL,
`vote_average` varchar(255) DEFAULT NULL,
`vote_count` varchar(255) DEFAULT NULL,
`status` int(255) DEFAULT '1',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=559 DEFAULT CHARSET=utf8mb4;

INSERT INTO `movie` (`id`, `title`, `revenue`, `vote_average`, `vote_count`, `status`) VALUES
(1, '12', '275000000', '7.3', '1976', 1),
(2, 'jojo', '234000000', '8.3', '2345', 1),
(3, '尚氣', '151000000', '7.5', '1235', 1),
(4, '真人快打', '151000000', '50', '3421', 1),
(5, '活死人', '223000000', '18', '435633', 1),
(7, '戰狼', '245000000', '7.2', '1246', 1),
(8, '蝙蝠俠', '324000000', '7.5', '3496', 1),
(9, '長津湖', '650000000', '8.5', '725900', 1);

赞(0)