【软件实战】5分钟拥有一款自己的软件(教程+成品展示)

这篇具有很好参考价值的文章主要介绍了【软件实战】5分钟拥有一款自己的软件(教程+成品展示)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


前言

自己开发软件,软件工程,前端,HTML

5分钟,看完教程,每个人都能拥有一款属于自己的软件

自己开发软件,软件工程,前端,HTML
这是我设计的软件安装程序LOGO
自己开发软件,软件工程,前端,HTML

简单示例

1.Easy code

我们先来写一个简单的按钮跳转网页,看看它能否实现华丽转身

<!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>举一个简单的例子,通过按钮跳转到CSDN首页链接</h2></center>
		<center><h2>功能设置简单,举一反三,程序自行设计</h2></br></center>
		<center><a href="https://blog.csdn.net/" class="button">点我跳转CSDN</a></center>
	</body>
</html>

2.网页效果

这是普通HTML网页效果图
自己开发软件,软件工程,前端,HTML

3.软件效果

这是变成exe文件的效果
自己开发软件,软件工程,前端,HTML
下面是九芒星_示例软件的下载链接,好奇的朋友们可以去看看

百度网盘链接:
https://pan.baidu.com/s/1lUcou_BvIl-qogctjP8qZw?pwd=wbis
提取码:wbis
自己开发软件,软件工程,前端,HTML

要想将类似程序变成计算机软件,很简单,认真看教程

接下来我用个人网站举例,5分钟带你拥有属于你自己的软件

自己开发软件,软件工程,前端,HTML

一、HTML转exe

1.安装HtmlCompiler

自己开发软件,软件工程,前端,HTML

HtmlCompiler百度网盘链接:
https://pan.baidu.com/s/1v3vSzXCZYoXNP_5dEBJGNA?pwd=yp72
提取码:yp72

2.导入HTML程序

打开软件,新建项目

自己开发软件,软件工程,前端,HTML

选择程序中的索引文件,网站一般都是index.html首页文件,如果你写的程序较为简单,自行选择即可。

自己开发软件,软件工程,前端,HTML

找到网站首页文件,确定

自己开发软件,软件工程,前端,HTML

显示出索引文件的效果

自己开发软件,软件工程,前端,HTML

3.项目配置

选择编辑,项目选项

自己开发软件,软件工程,前端,HTML

应用程序标题就是软件左上角显示的文字,图标自己选择,切记一定是ico格式(直接改后缀名会报错),可以在下面这个网站进行格式转换

图片转ico网址: https://www.bitbug.net/.

自己开发软件,软件工程,前端,HTML

窗口选项点击测试,调整软件打开后的窗口大小

自己开发软件,软件工程,前端,HTML

在编译选项中,选择输出文件的位置和名称,保存

自己开发软件,软件工程,前端,HTML

在操作选项中,把下面标志全部勾选,保存

自己开发软件,软件工程,前端,HTML

4.打包HTML项目

回到首页,点击带齿轮的按钮,进行打包

自己开发软件,软件工程,前端,HTML

点击编译按钮,等待几秒

自己开发软件,软件工程,前端,HTML

现在,HTML程序已经打包成exe格式,双击打开就能看到你的程序

自己开发软件,软件工程,前端,HTML

内容涉及隐私,仅展示部分页面

自己开发软件,软件工程,前端,HTML

有人会说,这不就是一个普通的exe文件吗?

那如何让它走上软件的道路而不只局限于exe文件呢?——封装exe

简单来说就是制作一个软件安装程序

自己开发软件,软件工程,前端,HTML

二、封装exe

1.安装Inno Setup

Inno Setup百度网盘链接:
https://pan.baidu.com/s/1vX-s0odlkoOtwwdmMcHKXQ?pwd=twq9.
提取码:twq9

2.新建脚本

打开软件,选择新建脚本,OK

自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

填写软件的一些基本信息(自行发挥),Next

自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

3.选择主执行文件

选择刚才打包好的exe文件,如果有其他配置文件或者说明文本,在下面添加文件的地方选择,一起封装到安装包

自己开发软件,软件工程,前端,HTML

默认,Next
自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

默认,Next(可直接跳过,若开发正规软件,需要如实填写)

自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

4.配置封装基本信息

默认,Next(安装程序语言设置,自由选择)

自己开发软件,软件工程,前端,HTML

填写软件基本信息,文件名尽量使用英文,中文名称可能会报错/出现乱码,文件图标使用ico格式,要求同上

自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

默认,Next

自己开发软件,软件工程,前端,HTML

5.开始编译

默认,是

自己开发软件,软件工程,前端,HTML

默认,是

自己开发软件,软件工程,前端,HTML

选择安装包名称和保存位置,位置选择和上面文件保存路经(一、4.项目配置)要一致

自己开发软件,软件工程,前端,HTML

等待几秒钟即可(由于网站文件较大,封装时间稍长)

自己开发软件,软件工程,前端,HTML

三、软件成品效果展示

可以看到,软件安装程序已经封装好了,接下来我们看看效果

自己开发软件,软件工程,前端,HTML

双击安装包,输入之前设置的密码

自己开发软件,软件工程,前端,HTML

选择安装位置

自己开发软件,软件工程,前端,HTML

默认继续

自己开发软件,软件工程,前端,HTML
安装

自己开发软件,软件工程,前端,HTML
等待几秒,显示安装成功

自己开发软件,软件工程,前端,HTML

可以看到,打包好的exe经过安装程序,成功的安装到计算机上
自己开发软件,软件工程,前端,HTML

自己开发软件,软件工程,前端,HTML

打开软件,效果如下(涉及隐私,仅展示部分页面)

自己开发软件,软件工程,前端,HTML

四、个人体会

操作很简单,看到这的你,已经可以随手做一款软件了!

文章最后,我就说说我的体会吧,本来我没想过打包前端项目,由于续服务器的费用实在太高了,就想着先整个平替版凑合着用吧。把网站做成软件以后我发现效果还凑合,就写了一份教程,分享给大家。

这种软件制作虽然简单,但是太过依赖于网络,这一点很糟糕,如果从软件开发的角度看,它很垮。至少,市面上所有的软件没有一个是这么做的。就像我们平时用的微信、高德地图、淘宝、网易云音乐这些客户端APP,基本是用的Java和C++。即便在做网站这方面,比如CSDN网站的开发,也基本是用的Java。

而我们平时做的个人项目也大都基于Python、Java、C++之上的,所以,我们在项目打包的时候就不得不考虑到数据库,环境变量以及其他配置文件带来的影响。就拿打包Python和Java项目来说,过程虽然并不复杂,但细节要求极高,相信很多人都被打包过程中的无数报错折磨过,这里就不再细说了。

说了这么多,其实也是想告诉大家,拿它图一乐就行,开发正规软件还是要好好学习打包,做软件不是这么容易的!

自己开发软件,软件工程,前端,HTML文章来源地址https://www.toymoban.com/news/detail-715163.html

到了这里,关于【软件实战】5分钟拥有一款自己的软件(教程+成品展示)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 保姆级教程:5分钟, AI 你自己

    ChatGPT狂飙160天,世界已经不是之前的样子。 新建了人工智能中文站https://ai.weoknow.com 每天给大家更新可用的国内可用chatGPT资源 今天周末,新开一个系列,《从入门到精通 多媒体篇》 第一课 来点轻松的, AI 你自己 教你在短短 5 分钟之内,用你的一张照片,把你 AI 成一个数

    2024年02月05日
    浏览(32)
  • Nextcloud 使用教程, 十分钟让自己电脑成为私有云盘

    1、什么是Nextcloud? 假设你想在校内搭建一个私有云盘服务,并且有以下的需求,那么Nextcloud,简称NC是你的不二之选, 没有资金的投入,但是有相应的需求; 需要部署在私有云上;有多客户端要求(iOS、Android、MAC、Windows) 安全可靠,长期更新,有和现有系统(例如LDAP集成

    2024年02月11日
    浏览(28)
  • Alist安装教程,十分钟搭建一个属于自己的网盘系统

    不想看文档的的,可以看bilibili上的视频教程:网盘这样用,也太爽了!- 神器 AList 详细使用教程 | 网盘整合、在线播放、WebDAV_哔哩哔哩_bilibili 官网地址:https://alist.nn.ci/ AList是一个支持多种存储,支持网页浏览和 WebDAV 的文件列表程序,由 gin 和 Solidjs 驱动。简单的来说就是

    2024年02月04日
    浏览(36)
  • 实战! 30分钟教你用SoFlu软件机器人搭建完成低代码平台

    最近几年,“低代码”俨然成了热门话题,各大云厂商都在加码。作为普通企业的我们是否有也可以深度定制一套自己的“低代码”平台呢? 答案是肯定的,目前主流的就是自建和外购两种方式,随着低代码的发展和广泛应用,这两种方式的不足之处也日益凸显。 外购:贵

    2024年02月14日
    浏览(26)
  • 让孩子拥有自己的电脑

      One Laptop Per Child 让孩子拥有自己的电脑   我国台湾的著名女歌手潘美辰有一首歌是这样唱的—— “ 我想有个家,一个不需要华丽的地方,在我疲倦的时候,我会想到它;我想有个家,一个不需要多大的地方,在我受惊吓的时候,我才不会害怕。谁不会想要家,可是却有人

    2024年02月20日
    浏览(54)
  • CodeFormer一款既能人脸修复、还能视频去码的AI软件,附下载使用教程

    CodeFormer 是一款强大的人工智能工具,主要用于图像和视频的修复和增强。它基于深度学习技术,特别是人脸复原模型,可以轻松修复和增强面部图像,提升照片和视频的质量和视觉效果 工作原理 1 、通过自动编码器实现人脸的变换,包括色彩化、清晰化、去马赛克修复等功

    2024年01月17日
    浏览(34)
  • scalpel一款命令行漏洞扫描工具,支持深度参数注入,拥有一个强大的数据解析和变异算法

    免责声明 由于传播、利用本文章所提供的信息而造成的任何直接或者间接的后果及损失,均由使用者本人负责,文章及作者不为此承担任何责任,一旦造成后果请自行承担!如有侵权烦请告知,我们会立即删除并致歉。谢谢!所有工具安全性自测!!! 工具介绍 scalpel是一款

    2024年01月19日
    浏览(29)
  • 保姆级教程!教你打造自己的AI孙燕姿;全程使用AI工具设计一款桌游;搭建基于LLM的客服系统的实践 | ShowMeAI日报

    👀 日报周刊合集 | 🎡 生产力工具与行业应用大全 | 🧡 点赞关注评论拜托啦! 王咏刚,创新工场CTO,技术撰稿人,有数个知名出版作品。他结合自己在AI领域投资、深度孵化和创业的丰富经验,分享了自己对AI技术最新应用场景的思考。 第一部分围绕GPT等通用大语言模型,

    2024年02月06日
    浏览(41)
  • 【Spring boot实战】Springboot+对话ai模型整体框架+高并发线程机制处理优化+提示词工程效果展示(按照框架自己修改可对接市面上百分之99的模型)

     🎉🎉欢迎光临🎉🎉 🏅我是苏泽,一位对技术充满热情的探索者和分享者。🚀🚀 🌟特别推荐给大家我的最新专栏 《Spring 狂野之旅:底层原理高级进阶》 🚀 本专栏纯属为爱发电永久免费!!! 这是苏泽的个人主页可以看到我其他的内容哦👇👇 努力的苏泽 http://suze

    2024年02月19日
    浏览(36)
  • ai绘画,轻松拥有自己的独特的艺术作品

    在数字化时代,随着人工智能技术的迅速发展,我们已经看到了很多领域内的创新应用。而在艺术创作方面,人工智能的应用也日益增多。其中,ai绘画成为了数字艺术创作的一种新方式,其应用范围也越来越广泛。在过去,艺术家通常使用传统绘画工具来表达他们的想法和

    2024年02月13日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包