新手的福音,拥有这两个神器,工资没有15k都难

刚刚出道都小老弟,相信有很多人出于没有人带,没有做过什么大项目,手里真的拿不出一个像样的脚手架,没有一个编码的规范,自然前期因为种种坑浪费大把的时间,最终导致的就是工资低!工资低!

适用对象

前端脚手架需要对 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue这些技术有一定的了解.当然只懂一点vue也可以的,不懂的遇到了再慢慢学;后端需要对spring有一定的了解.

前言

在我这儿没有理想,只谈工资,下面就给大家介绍下,一套开发框架(前端+后端) ,前端是来自蚂蚁的Ant-design-vue-pro,后端是重庆的pigx框架.

1.前端 Ant design vue pro

Ant design vue pro文档,这套框架把基础的菜单、路由、api请求工具、mock、一些常用的表单、表格都组装好了,平时开发代码,有思路都话基本上就是ctrl+c,ctrl+v就差不多了.如果有代码生成模板,一些简单的项目简直可以自动化完成.

运行示例

1.大盘

在这里插入图片描述

2.导航配置

这些配置都也可以在配置文件(defaultSetting)中设置默认
在这里插入图片描述

3.其他配置

其它的见官网的文档,目前虽然不怎么详细,但是也够用了.

在这里插入图片描述

2.后端 pigx

目前这个脚手架只有部分可以白嫖,里面但代码生成及Spring boot足够满足一些小型项目了,另外git的若依作者也搞了一套前后端的脚手架也不错,目前都可以白嫖的,为了防止后面找不到,我给大家准好了,访问我的仓库就也可以找到

1.功能列表

在这里插入图片描述
在这里插入图片描述

1.功能示例

代码生成
在这里插入图片描述

以下是一个大小不超过15k字节的 HTML 设备控制范例: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>设备控制界面</title> <style> body { font-family: Arial, sans-serif; text-align: center; background-color: #f2f2f2; } h1 { margin-top: 40px; margin-bottom: 20px; } button { font-size: 18px; padding: 10px 20px; margin: 10px; border: none; border-radius: 5px; background-color: #4CAF50; color: #fff; cursor: pointer; } button:hover { background-color: #2E8B57; } .status { font-size: 24px; margin-top: 40px; margin-bottom: 20px; } </style> </head> <body> <h1>设备控制界面</h1> <button id="on">开</button> <button id="off">关</button> <p class="status">设备状态:未知</p> <script> // 获取按钮元素和状态元素 var onBtn = document.getElementById('on'); var offBtn = document.getElementById('off'); var statusEl = document.querySelector('.status'); // 给按钮绑定点击事件 onBtn.addEventListener('click', function() { // 发送请求控制设备开启 controlDevice('on'); }); offBtn.addEventListener('click', function() { // 发送请求控制设备关闭 controlDevice('off'); }); // 发送请求控制设备 function controlDevice(action) { // 发送 AJAX 请求 var xhr = new XMLHttpRequest(); xhr.open('POST', '/api/control', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 请求成功,更新状态元素 var res = JSON.parse(xhr.responseText); statusEl.textContent = '设备状态:' + res.status; } }; xhr.send(JSON.stringify({ action: action })); } </script> </body> </html> ``` 这个范例中,页面包含一个标题、两个按钮和一个状态元素,使用了简单的样式和布局。通过给按钮绑定点击事件,可以发送 AJAX 请求控制设备的开启和关闭,并且在请求成功后更新状态元素。你可以根据具体需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你我无缘,全靠BUG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值