前言
5分鐘，看完教程，每個(gè)人都能擁有一款屬于自己的軟件
這是我設(shè)計(jì)的軟件安裝程序LOGO
簡(jiǎn)單示例
1.Easy code
我們先來(lái)寫一個(gè)簡(jiǎn)單的按鈕跳轉(zhuǎn)網(wǎng)頁(yè)，看看它能否實(shí)現(xiàn)華麗轉(zhuǎn)身
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>九芒星示例</title>
<style>
.button {
background-color: #00FFFF;
border: none;
color: black;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<center><br><h2>舉一個(gè)簡(jiǎn)單的例子，通過(guò)按鈕跳轉(zhuǎn)到CSDN首頁(yè)鏈接</h2></center>
<center><h2>功能設(shè)置簡(jiǎn)單，舉一反三，程序自行設(shè)計(jì)</h2></br></center>
<center><a href="https://blog.csdn.net/" class="button">點(diǎn)我跳轉(zhuǎn)CSDN</a></center>
</body>
</html>
2.網(wǎng)頁(yè)效果
這是普通HTML網(wǎng)頁(yè)效果圖
3.軟件效果
這是變成exe文件的效果
下面是九芒星_示例軟件的下載鏈接，好奇的朋友們可以去看看
百度網(wǎng)盤鏈接:
https://pan.baidu.com/s/1lUcou_BvIl-qogctjP8qZw?pwd=wbis
提取碼：wbis
要想將類似程序變成計(jì)算機(jī)軟件，很簡(jiǎn)單，認(rèn)真看教程
接下來(lái)我用個(gè)人網(wǎng)站舉例，5分鐘帶你擁有屬于你自己的軟件！
一、HTML轉(zhuǎn)exe
1.安裝HtmlCompiler
HtmlCompiler百度網(wǎng)盤鏈接:
https://pan.baidu.com/s/1v3vSzXCZYoXNP_5dEBJGNA?pwd=yp72
提取碼：yp72
2.導(dǎo)入HTML程序
打開(kāi)軟件，新建項(xiàng)目
選擇程序中的索引文件，網(wǎng)站一般都是index.html首頁(yè)文件，如果你寫的程序較為簡(jiǎn)單，自行選擇即可。
找到網(wǎng)站首頁(yè)文件，確定
顯示出索引文件的效果
3.項(xiàng)目配置
選擇編輯，項(xiàng)目選項(xiàng)
應(yīng)用程序標(biāo)題就是軟件左上角顯示的文字，圖標(biāo)自己選擇，切記一定是ico格式（直接改后綴名會(huì)報(bào)錯(cuò)），可以在下面這個(gè)網(wǎng)站進(jìn)行格式轉(zhuǎn)換
圖片轉(zhuǎn)ico網(wǎng)址: https://www.bitbug.net/.
在窗口選項(xiàng)點(diǎn)擊測(cè)試，調(diào)整軟件打開(kāi)后的窗口大小
在編譯選項(xiàng)中，選擇輸出文件的位置和名稱，保存
在操作選項(xiàng)中，把下面標(biāo)志全部勾選，保存
4.打包HTML項(xiàng)目
回到首頁(yè)，點(diǎn)擊帶齒輪的按鈕，進(jìn)行打包
點(diǎn)擊編譯按鈕，等待幾秒
現(xiàn)在，HTML程序已經(jīng)打包成exe格式，雙擊打開(kāi)就能看到你的程序
內(nèi)容涉及隱私，僅展示部分頁(yè)面
有人會(huì)說(shuō)，這不就是一個(gè)普通的exe文件嗎？
那如何讓它走上軟件的道路而不只局限于exe文件呢？——封裝exe
簡(jiǎn)單來(lái)說(shuō)就是制作一個(gè)軟件安裝程序
二、封裝exe
1.安裝Inno Setup
Inno Setup百度網(wǎng)盤鏈接:
https://pan.baidu.com/s/1vX-s0odlkoOtwwdmMcHKXQ?pwd=twq9.
提取碼：twq9
2.新建腳本
打開(kāi)軟件，選擇新建腳本，OK
默認(rèn)，Next
填寫軟件的一些基本信息（自行發(fā)揮），Next
默認(rèn)，Next
3.選擇主執(zhí)行文件
選擇剛才打包好的exe文件，如果有其他配置文件或者說(shuō)明文本，在下面添加文件的地方選擇，一起封裝到安裝包
默認(rèn)，Next
默認(rèn)，Next
默認(rèn)，Next（可直接跳過(guò)，若開(kāi)發(fā)正規(guī)軟件，需要如實(shí)填寫）
默認(rèn)，Next
4.配置封裝基本信息
默認(rèn)，Next（安裝程序語(yǔ)言設(shè)置，自由選擇）
填寫軟件基本信息，文件名盡量使用英文，中文名稱可能會(huì)報(bào)錯(cuò)/出現(xiàn)亂碼，文件圖標(biāo)使用ico格式，要求同上
默認(rèn)，Next
默認(rèn)，Next
5.開(kāi)始編譯
默認(rèn)，是
默認(rèn)，是
選擇安裝包名稱和保存位置，位置選擇和上面文件保存路經(jīng)（一、4.項(xiàng)目配置）要一致
等待幾秒鐘即可（由于網(wǎng)站文件較大，封裝時(shí)間稍長(zhǎng)）
三、軟件成品效果展示
可以看到，軟件安裝程序已經(jīng)封裝好了，接下來(lái)我們看看效果
雙擊安裝包，輸入之前設(shè)置的密碼
選擇安裝位置
默認(rèn)繼續(xù)
安裝
等待幾秒，顯示安裝成功
可以看到，打包好的exe經(jīng)過(guò)安裝程序，成功的安裝到計(jì)算機(jī)上
打開(kāi)軟件，效果如下（涉及隱私，僅展示部分頁(yè)面）
四、個(gè)人體會(huì)
操作很簡(jiǎn)單，看到這的你，已經(jīng)可以隨手做一款軟件了！
文章最后，我就說(shuō)說(shuō)我的體會(huì)吧，本來(lái)我沒(méi)想過(guò)打包前端項(xiàng)目，由于續(xù)服務(wù)器的費(fèi)用實(shí)在太高了，就想著先整個(gè)平替版湊合著用吧。把網(wǎng)站做成軟件以后我發(fā)現(xiàn)效果還湊合，就寫了一份教程，分享給大家。
這種軟件制作雖然簡(jiǎn)單，但是太過(guò)依賴于網(wǎng)絡(luò)，這一點(diǎn)很糟糕，如果從軟件開(kāi)發(fā)的角度看，它很垮。至少，市面上所有的軟件沒(méi)有一個(gè)是這么做的。就像我們平時(shí)用的微信、高德地圖、淘寶、網(wǎng)易云音樂(lè)這些客戶端APP，基本是用的Java和C++。即便在做網(wǎng)站這方面，比如CSDN網(wǎng)站的開(kāi)發(fā)，也基本是用的Java。
而我們平時(shí)做的個(gè)人項(xiàng)目也大都基于Python、Java、C++之上的，所以，我們?cè)陧?xiàng)目打包的時(shí)候就不得不考慮到數(shù)據(jù)庫(kù)，環(huán)境變量以及其他配置文件帶來(lái)的影響。就拿打包Python和Java項(xiàng)目來(lái)說(shuō)，過(guò)程雖然并不復(fù)雜，但細(xì)節(jié)要求極高，相信很多人都被打包過(guò)程中的無(wú)數(shù)報(bào)錯(cuò)折磨過(guò)，這里就不再細(xì)說(shuō)了。
說(shuō)了這么多，其實(shí)也是想告訴大家，拿它圖一樂(lè)就行，開(kāi)發(fā)正規(guī)軟件還是要好好學(xué)習(xí)打包，做軟件不是這么容易的！文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-715163.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-715163.html
到了這里，關(guān)于【軟件實(shí)戰(zhàn)】5分鐘擁有一款自己的軟件（教程+成品展示）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
