1、缘起

又到了每年的毕业设计时节，这让许多同学都感到焦虑，毫无灵感可言。我当年也曾面临过相同的困境，然而，如果他们看了我的这篇文章，情况可能就会大不相同了。

1.1 毕业设计的痛点

做了很多毕业设计，我总结出了以下几个常见的痛点：选题困难、创新性要求和技术难题。

• 选题困难：选择一个合适的毕业设计题目并不容易。需要考虑自己的兴趣、能力和可行性，同时还要确保题目具有研究价值和创新性。

• 创新性要求：毕业设计往往要求具有一定的创新性，需要我们在现有知识的基础上，提出新的观点或方法。

• 技术难题：在实际操作中可能会遇到各种技术问题，如实验设备故障、数据处理困难等，需要具备解决问题的能力和耐心。

无远的模板库涵盖了众多来自各个行业的案例，有效地解决了选题困难的问题；大量的模板和组件为创作提供了源源不断的灵感，满足了创新性的需求。与此同时，《一号项目》能够自动完成前端、后端和数据库的开发，使得技术难度从高门槛降低至零门槛。

1.2 功能介绍 - 解决毕设难题

付出时间：2 小时

软件开发平台：免费白玩，不需要写代码但有组件学习成本，像西红柿 🍅 这样聪明的大概学了 1 小时 🏸

我的收获：一个系统，包含前端网页界面、后台数据库的基本增删改查功能。

该系统可做毕业设计，如：网上报名系统、图书管理系统、会议室预订系统 、ERP 系统，等等。其本质都是通过数据库保存数据，支持增删改查，再通过炫酷的前端网页进行呈现~

2、准备工作

磨刀不误砍柴工，做好以下准备就可以起飞了~

2.1 白玩路径

本次都是基于 无远社区最新推出的一号项目完成。

我的环境：Mac Book 24 英寸 512G 内存 + Chrome

访问地址：https://forum.wuyuan.io/plate/qa/topic/65adcc348b30b66a6b285743

邀请码：LOVE

【主页】>【社区】>【一号项目】

2.2 一号项目

• 一号项目是无远今年重磅发布，打包了前端、后端和数据库，无需代码编程即可开发出一个系统。

• 每台物理机器有且仅有一个一号项目供免费使用一年。

使用方法：

1. 下载无远开发平台本地开发版 1.1.10：可选择 windows 或者 Macos 。

2. 启动开发平台，打开浏览器访问地址 http://127.0.0.1:5300 ，然后点击【进入 1 号项目】按钮即可进入开发。

3. 若您正在使用 1.1.8 版开发其他付费项目，可以在工作台 -> 右上角齿轮 -> 设置 -> 更换项目 中输入 1，然后点击【确定更换】即可进入开发。

下载完成后双击启动：

2.3 安装 Node.js

如果你的电脑没有安装过 Node.js，启动 web 界面时，会遇到如图报错：

解决办法当然是安装一下就好，安装 Node.js 方法非常简单：

1. 访问 Node.js 的官方网站（https://nodejs.org/）。

2. 在网站上找到适合你操作系统的安装版本，比如 Windows、Mac 或 Linux。

3. 点击下载对应版本的安装文件。

4. 运行安装文件，并按照提示进行安装。

5. 安装完成验证：等待安装完成后，打开终端或命令提示符窗口，输入 node -v 命令来验证 Node.js 是否安装成功。

如果安装成功，你应该能够看到 Node.js 的版本信息。接下来，你就可以开始使用 Node.js 开发和运行 JavaScript 应用了。

2.4 网页访问

根据提示，访问： http://127.0.0.1:5300. 即可通过个人 web 访问项目。

到此，你已完成所有准备工作。接下来，我们要干点炫酷的事情了！

3、毕业设计《工资个税结算系统》

一号项目对于学生群体来说，最牛之处不是学会网站开发，而是毕业设计。

通过无远一号项目，不仅能够体会网站开发的协助原理，更重要的是，0 成本完成令人头疼的毕业设计。在一号项目的引导下，可以直接使用丰富的各行各行的模板，深入研究自己感兴趣的领域，设计并实现具有创新性和实用性的项目。不仅锻炼了实践能力，还培养了创新思维和解决问题的能力。

3.1 丰富实用的模板库

为了让开发者更容易上手，无远准备了各行业领域和适用范围的模板库，帮助大家可以点击【使用模板】即可直接应用于自己的项目中。这些模板库不仅提供了丰富的功能和设计，还经过了精心的优化和测试，确保其稳定性和可靠性。

开发者可以根据自己的需求和项目特点，选择合适的模板，并进行个性化的定制和修改。这样不仅节省了开发时间和成本，还能够提高项目的质量和效率。

丰富强大的模板库

为了完成毕业设计之《工资个税结算系统》，我首先看中无远内置的《工资单》模板。

他包含了工资条,薪酬,福利,计算公式,个人所得税,社保公积金，已经基本满足了我的所有需求，嘿嘿。

By the way，数据库类的模板库也有很多。也可直接拿来参考完成毕业设计，比如：

数字大屏-生产管理大屏

该模板可以用于: 驾驶舱、数据可视化、数字大屏、dashboard、MES、车间看板

3.2 无所不能的组件库

模板库解决了 90%的工作，但为了让自己的项目更具创意和个性实用，无远也预置了大量的【组件库】。组件库依据用户的功能需求，分为表单、树、表格、列表、图表、视图、编辑器、查询、图片、播放器、模板、日历等等。在组件库中，你可以直接选择适合你的组件，完成对应功能的开发。

这些组件都是经过精心设计和优化的，具有良好的兼容性和可扩展性。你可以根据项目的具体需求，灵活组合和配置这些组件，实现个性化的功能。同时，组件库还提供了丰富的样式和交互效果，让你的项目更加生动和吸引人。

无所不能的组件库

不仅如此，无远还不断更新和增加组件库的内容，以满足不断变化的用户需求和技术发展。你可以随时关注组件库的更新，获取更多实用的组件，为项目增添新的功能和特色。

3.3 工资个税结算系统开发

通过使用【模板库】和【组件库】我几分钟就完成了，《我的工资单》的板块开发，嘿嘿。

我的工资单

如图，它包含了选择年份的筛选器、薪酬明细、社保和年底个税结算等几大功能。这些功能的设计旨在提供便捷和透明的薪资管理。

通过选择年份的筛选器，用户可以轻松查看特定时间段内的薪酬情况，便于进行数据对比和分析。

• 薪酬明细部分详细展示了各项收入和扣除项目，让用户对自己的薪资结构有清晰的了解。

• 社保信息的展示使用户能够了解社会保险的缴纳情况，包括养老、医疗、失业等保险项目。

• 年底个税结算功能则帮助用户准确计算和了解个人所得税的缴纳情况，确保合规纳税。

3.4 我的工资单 - 效果展示

以下为《我的工资单》效果展示：

• 清晰的排版：工资单以清晰、易读的格式呈现，各项数据一目了然，方便您快速了解收入和支出情况。

• 详细的工资信息：包括基本工资、绩效奖金、津贴、扣除项等，让您对自己的劳动所得有全面的了解。

• 可视化图表：通过图表形式展示工资构成和变化趋势，更加直观地呈现数据，帮助您更好地分析和规划。

3.5 个人所得税-纳税规则 2024

今年 3 月 1，又到了个人所得税汇缴清算的日子，你退税了吗？

个人所得税

汇算办理时间为 2024 年 3 月 1 日至 6 月 30 日。你可以参考上面的计算公式，通过个人所得税 APP 等渠道办理.

By the way，这个实用的功能，只是无远《组件库》里的一个小小组件~

4、有问题，不要怕

当然，保不齐有些小伙伴还会遇到各种各样的问题，西红柿为大家提供3个解决途径：

4.1 查看官方教程文档

无远官方教程文档，也做了3种分类：必修、选修和参考。基本上，西红柿看完必修文档，就悟了。

• 【必修】必须完成的课程，包含基本概念和使用机理。

• 【选修】为了实现一些开发系统非必要的高级效果而需要了解课程。

• 【参考】无需学习，只需要在开发时，作为对照查阅的资料。

传送门：https://wuyuan.io/tutorials

4.2 官方社区问答

通过官方社区，可以帮助解决问题、获取信息、交流观点、分享知识和经验，互相学习。

而且，它还为用户提供了一个互动的平台，让人们可以结识志同道合的朋友，拓展社交圈。

传送门：https://forum.wuyuan.io/plate/qa/topic/65adcc348b30b66a6b285743

4.3 技术客服支持

在【支持与服务】模块，咱可以联系到官方技术支持、和1对1答疑。

5、小结和期许

西红柿通过对毕业设计痛点的分析，并找到相关功能来解决这些难题。在准备环节，西红柿提供了详细的步骤和指导，包括白玩路径、一号项目、Node.js 的安装以及网页访问。接着，我们以《工资个税结算系统》为例，展示了丰富实用的模板库和无所不能的组件库在系统开发中的应用，并展示了效果。

希望本文能够为正在进行毕业设计的同学提供一些帮助和启示，让大家更加顺利地完成任务。

也希望如此良心回报社会的企业，能更上一层楼，走向上市辉煌。