前端基础&框架
文章平均质量分 87
前端三大件及Vue\React等框架
adventure.Li
南京信息工程大学本科,南京大学研究生,后端Javaer,2022年阿里巴巴编程之夏学员,2023年拼多多暑期实习生,记录个人学习、感悟以及经验分享。
展开
-
【TGAM-springboot入门练手项目】Springboot 整合websocket实现后端推送(前端部分)
TGAM-springboot入门练手项目此项目是个人参与工作室的一个项目,分为硬件、IOS、WEB、后端、数据分析等几大部分,具有实际商用价值。而我虽然只是在其中打杂,写的后端也不够好,但是我会努力地将这系列文章写清楚、详细,若有什么疑问,欢迎QQ:674619459和我交流。另外你的点赞、收藏便是对我最大的鼓励!!GITHUB:https://github.com/lyf712/TGAM-SpringBoot-Vue-Demo>简单介绍:https://blog.csdn.net/qq_4原创 2021-02-17 11:21:37 · 606 阅读 · 3 评论 -
Springboot+Vue+Nginx反向代理入门示例(含打包部署阿里云服务器)
一、效果展现地址访问:网站地址二、准备工作1.阿里云服务器环境配置(1)MySQL数据库(2)Tomcat容器(本人开了8080-8084 五个端口,8081做后端,8080放web前端,其他几个拿来练手)并配置(3)nginx安装并配置2.工具(1)webstorm:采用webpack进行创建vue项目(2)idea:采用springboot进行搭建后端三、开发步骤1.配置工作(1)Tomcat主要配置JDK环境变量+catalish.sh+server.xml以及外机访问时原创 2021-01-19 23:49:52 · 1118 阅读 · 0 评论 -
【百度API调用】离线地图V3.0制作
参考博客:https://blog.csdn.net/wml00000/article/details/82219015https://blog.csdn.net/qq_40594137/article/details/102678501瓦片地图下载工具(全能地图下载器:MapTileDownloader):百度云链接:https://pan.baidu.com/s/1xhTwFKXVJT07-QkB8R2HoA 提取码:1kzc一、描述 &nbs原创 2020-10-31 21:44:00 · 1979 阅读 · 3 评论 -
百度地图API调用实现获取经纬度以及标注
一、申请AK百度搜索百度地图API,进入官网文档,按照官网文档提示注册百度账号并申请AK。申请AK填写相关信息,应用名称随意、应用类型根据协议来选择.二、编写代码 根据官网的代码(入门引用和获取经纬度信息),实现代码如下,具体作用见注释<!DOCTYPE html><html lang="en"><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"原创 2020-10-24 12:44:14 · 7432 阅读 · 0 评论 -
入门JQuery看这一篇就够了
JQuery入门学习1.简介(1)作用(2)引入2.基本语法(1)语法格式(2)选择器总结(3)常用事件总结3.效果实现(1)淡入淡出(2)动画实现4.属性以及内容操作(1)获取与添加内容(2)添加元素5.DOM遍历6.AJAX1.简介(1)作用jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装原创 2020-08-22 16:52:16 · 563 阅读 · 0 评论 -
【前端基础】div居中显示和背景的设置
一、描述今天,学校安排的实习布置了简单的静态页面设计(主要学会使用JS、dom的认知),所给页面如下(感觉太丑了,就想进行一下调整):调整后的效果:二、主要技术记录1.div调整(包括居中):调整div的padding 建议使用%进行,因为页面大小可能会变化,代码如下:(不一定需要50%,按需引入)<div style="padding-top: 10%; padding-left: 60%;">2.图片背景(1)background :url() :可远程图片(http原创 2020-08-19 18:28:55 · 1129 阅读 · 0 评论 -
关于JAVA时间格式化的总结及简单的场景应用
一、描述(1)功能实现实现小程序进行温度录入,web端进行图表展现 (2)过程分析小程序进行文本框input进行输入并进行采集(JS文件中),进行请求url传输数据到后台控制器(本人为了方便时间的处理,统一采用在Java控制方法中进行时间的处理,所以说主要在Java控制类中进行格式化即可,再在前端web进行字符串的处理)二、功能实现效果图与流程图重要小结1.关于时间格式化的总结Date date =new Date()SimpleDateFormat ft=SimpleDateFo原创 2020-08-15 20:12:02 · 453 阅读 · 0 评论 -
【微信实战】vant的使用
大家好,我是一名计算机软件工程专业的大三学生,由于转专业计算机基础还比较薄弱,正在努力学习,弥补自我中,奋斗目标大三进大厂实习;目前学习的语言有C\C++、JAVA以及前端基础,会一点Python、微信小程序。后面会学习IOS以及andriod,主攻IOS,欢迎志同道合的朋友私聊,探讨学习,QQ:674619459。一、引言 前天尝试做了一些微信小程序,界面和与SSM通信基本上完成了,但是做完之后发现界面及其丑陋,作为.原创 2020-08-07 19:23:37 · 1178 阅读 · 0 评论 -
【Vue实战】待办事项+echarts词云实现
一、效果实现二、实现步骤1.待办事项的实现 首先需要一个card容器,然后再在里面使用一个表格,再对表格进行增添和删除列。难点在于掌握对JS数组的操作和获取表格的当前行信息。我废话不多说,直接上代码;<el-card shadow="hover" style="height:403px;"> <el-dialog title="事项记录":visible.sync="dialogShow" widt原创 2020-08-06 18:02:05 · 919 阅读 · 1 评论 -
【Vue实战】简单的登录拦截实现
一、实现目标 1.引言 作为一个刚做入门Vue的一个新手,可能会存在这样的疑惑,我是不是可以直接输入URL进行访问,那登录就没有意义了啊。为了解决这个问题,就得使用登录拦截器来实现。关于登录拦截,前后端都可以做,这里我简单介绍一下Vue前端的登录拦截。 2.需求分析 当输入访问非登录界面时,进行原创 2020-08-06 11:28:41 · 859 阅读 · 1 评论 -
【Vue学习-element-ui】用户信息列表的实现
一、效果二、功能实现 1.显示所有用户信息 后端查询所有用户信息,前端axios请求获取所有用户信息的JSON字符数组,将获取的信息放在一个allUsers的数组中,用于拉取所有信息(便于查询之后,能够再查询回来)。再把信息赋给tableData(表格显示的data),最后再把此信息显示方法放在mouted(){}中,一打开页面便显示。后端代码//servicepublic JSONArr原创 2020-08-04 23:12:05 · 5195 阅读 · 1 评论 -
详细的SSM+Vue小项目(适合新手)
一、准备工作 1.工具准备 (1)后端:idea intellij+Mysql (2)前端:webstorm (3)需求文档:易文档 2.知识准备 &n原创 2020-07-26 22:23:31 · 7975 阅读 · 6 评论 -
关于Uncaught TypeError (Cannot read property ..undefined)的解决办法
一、问题描述 在Vue 的函数中使用 this.$store.commit出现Uncatch TypeError 的情况.二、解决思路1.进行使用检查查看报错信息,之前浏览器默认Safari浏览器,好像没有看到检查工具,出问题或者空白页面就不知道咋排错,后面才使用谷歌,使用查看进行排错。2.分析报错信息:Uncaught TypeError;凭借英语能力猜测是不是拼写错误(哈哈哈,代码能力还比较底,不过英语好还是有助于排错,对于英语基础差原创 2020-07-24 14:52:59 · 34163 阅读 · 0 评论 -
使用Vue创建router的过程
一、采用终端进行项目的创建过程很简单,我只说一下几点注意的:1.cd 可以直接将文件拖过来2.生成的src等文件就在此文件夹中,所以说可以理解为此文件夹就是项目包了。命名时注意下。3.好像手动使用npm install vue-router再进行配置比较容易不成功,,我目前还没成功,所以说不推荐,直接来现成的优质模板用真香。二、进行main.js、index.js等关键文件配置在index.js中进行路径的配置:在routers中使用大括号进行添加,path为访问的路径,component原创 2020-07-20 23:28:08 · 599 阅读 · 3 评论 -
Vue教程-可视化图表
一、准备工作1.安装配置Vue的环境(1)node.js和vue-cli等安装,过程比较简单,可以参考这篇文章;Vue的环境安装与配置(2)准备一个使用Vue的集成开发工具;本人使用的webstorm,感觉jetbrains真的好用,建议大家使用。2.基本知识了解(1)html,css,js基本知识了解重点了解div,选择器(2)了解Vue结构详情请参考:Vue的结构目录介绍二、进行可视化图表的选择1.E-charts的了解使用E-charts的具体使用三、进行编码(1)mai原创 2020-07-07 10:09:34 · 2674 阅读 · 0 评论