- 博客(19)
- 收藏
- 关注
原创 vue3+vite+pina+element.plus 超市管理系统
主要技术采用vue3+vite+pina+element.plus 存储采用loaclstorage,都是使用最新的技术,需要源码的小伙伴可以加 Q2777255072。以下是各个功能的增加、删除、修改展示。登录功能界面如图所示。
2024-06-15 23:52:02
380
1
原创 springboot+mybatis+vue3.0+ts+elementUIplus学生管理系统
基于springboot+vue3学生管理系统
2022-10-08 22:20:24
1310
1
原创 js实现轮播图制作
效果如图所示 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { padding: 0; margin: 0; } .container { position: relative;
2020-12-16 16:02:13
563
原创 2020-12-07
js实现冒泡排序 function paixu (arr) { var t; for (var i=0;i<arr.length;i++){ for (var j=0;j<=arr.length-i;j++){ if (arr[j]>arr[j+1]){ t=arr[j]; arr[j] = arr[j+1]...
2020-12-07 08:57:04
129
原创 CSS动画实现
页面中闪动的点 代码如下图所示 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .map { position: relative; margin: 0 auto; width: 500px; height:356px;
2020-11-27 21:59:39
227
原创 CSS实现下拉列表框
效果如图所示 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .dropdown { position: relative; width: 100px; he
2020-11-27 14:58:00
1981
1
原创 基于Vue.js实现图片切换功能
实现功能如下 文件目录如下,要实现本功能只需要修改图片的存储位置即可 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </he.
2020-11-13 23:19:20
1297
原创 CSS静态网页制作
效果如图所示 css代码如下 * { padding: 0; margin: 0; } body { background-color: #f3f5f7; } a { text-decoration: none; } li { list-style: none; } .w { width: 1200px; margin: 0 auto; } .header { margin: 50px auto; height: 40px; text-align: center; } .cle
2020-11-10 10:20:02
1438
原创 小米官网布局
主要了解CSS中的浮动问题 运行效果如图所示 主要代码如下所示需要自己独立分析去学习,图片资源可以去官方区内去复制 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #.
2020-11-09 11:05:49
1950
1
原创 Vue.js开发音乐播放器
目录如下: 运行效果如图所示: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"..
2020-10-29 19:47:59
449
原创 使用vue开发简易记事本
css代码 #todoapp { margin: 0 400px; width: 600px; background-color: gray; text-align: center; } .content { margin:0px 100px; } .todo { margin: 10px; text-align: left; background-color:green; } .btn { float: right; background-col
2020-10-25 20:14:46
399
原创 解决最新版Idea加载Maven过慢的解决方法
第一步打开IDEA中得pom.xml文件 第二步在pom.xml文件右键打开Maven,找到settings.xml文件并打开。 第三步打开settings.xml文件插入以下代码 <mirrors> <mirror> <id>alimaven</id> <name>aliyun maven</name> <url>ht.
2020-10-19 21:35:34
1017
1
原创 简易网页音乐播放器制作
简单的html 音乐播放器制作 首先第一步找图片资源 音乐资源 放入到img文件夹中 第二步对页面布局进行布置 第三步书写js代码 复制代码运行的时候需要将图片资源,音乐资源换个名称。 运行实现图片的切换,效果如图: 代码如下: 希望各位喜欢!!!1 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> ...
2020-09-17 16:48:34
4789
1
原创 Vue制作电子商城的增删改查功能
项目运行效果截图 复制代码运行不了,需要去Vue官网下载vue.js文件 <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/> <title></title> <scriptsrc="js/vue.js"type="text/javascript"charset="utf-8"></script> </...
2020-09-11 12:20:47
371
原创 前端实现员工信息录入和删除
实现功能如图所示: 代码如下可以参考学习: <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> <s...
2020-08-03 22:02:08
979
原创 简单的web天气预报界面制作
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>练习</title> <linkrel="stylesheet"href="css/s...
2020-06-26 09:51:38
5493
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅