hivesplace-优快云博客

原创解决安装 Semantic-UI 的各种坑（亲测有效）

前言为了更好的展示 H5 SPA 的开发效果，除了 Bootstrap 外，同时也采用了功能强大的 Semantic-UI。相比 Bootstrap，Semantic-UI 在模板（theme）上的功能强大很多。然而要用得上 theme 功能，需要经过一个看似简单却巨坑慢慢的安装步骤。本文记录一下本人整个填坑过程。一切从 Semantic-UI (https://semantic-ui.com/) 官网开始在点击 Get Started 之后，就跳转到安装教程页面。对于那些不会用到 Semanti

2022-04-18 15:41:19 2221 3

原创 H5+javascript+jQuery的单页面应用（SPA）（五）

前言本文将优化 SPA 前端页面逻辑，登录成功后，Login 菜单转变为 Logout；点击 Logout 后，Member 页面也要退出，还原登入前的页面内容优化前端页面登录后更换 Login 菜单成为 Logout副标题副标题二级标题副标题副标题源代码关注我并发表不少于10字评论可以获取本文源代码。码农经典语录Linus TorvaldsTalk is cheap, show me the code.蜂窝码农DRY Principle (Don’t Rep

2022-04-10 10:18:55 613

原创 H5+javascript+jQuery的单页面应用（SPA）（四）

前言上一篇博文，H5+javascript+jQuery的单页面应用（SPA）（三），为了更好的讲解主线内容，我们写死了用户名称和密码。现实环境下中，用户名和密码一般都保存在数据库里。本文会以 Spring Data JPA + Hibernate + MySQL 演示，通过查询数据库验证用户输入的用户名和密码。加入 Maven 库依赖<dependency> <groupId>org.springframework.boot</groupId> <ar

2022-04-07 23:57:02 1849

原创 H5+javascript+jQuery的单页面应用（SPA）（三）

前言继承上一篇博文，本篇主力演示利用 jQuery ajax 实现 SPA 的前后端分离。本例子后端为一个简单的 spring boot 项目。前端 Ajax创建 login.js 和修改 Bootstrap Form 例子为方便起见，不用每次重新加载页面后跳转到首页，我们修改 index.js 里的 defaultPage 和 defaultNavId 为 Login 及 navLoginLink（Login 页面和菜单选项）和之前一样，为了不和主页的 javescript 混淆在一起。我们

2022-04-05 15:12:40 3998

原创 H5+javascript+jQuery的单页面应用（SPA）（二）

页面优化今天我们的工作目标有优化顶部菜单栏的鼠标悬浮和鼠标移出的效果优化页面加载和退出的过场效果利用 Bootstrap 模板，加入一个用户登录页面（稍后更新）顶部菜单栏鼠标效果目前的鼠标效果问题鼠标移到菜单时，鼠标没有变成手指鼠标悬浮在菜单上时，菜单颜色没有变化。用户体验不好解决方案在 index.css，header nav div 部分加入鼠标样式在 index.js 里分别为每个菜单加入 mouseover 和 mouseout 切换菜单样式代码完成后菜单栏

2022-04-03 15:56:21 827 1

原创 H5+javascript+jQuery的单页面应用（SPA）（一）

前言为了和新同事在前端开发工作上能沟通，新学了Vue-CLI，导致笔者写了上一篇博文吐槽Vue，AngularJS和ReactJS等所谓的前端框架。作为IT技术员，口水吐得再多、理论再多，也比不上来一段代码证明好。正如Linuz所说：Talk is cheap，show me the code好了，直接上代码！简单优越的H5+javascript+jQuery SPA新建项目和index.html首先先在VS Code里创建一个新的文件夹，再新建一个index.html文档。利用VS Cod

2022-04-03 00:15:33 1888 4

原创 Vue-CLI 对比 HTML 的架构

前言前端开发，我一直都是用 HTML(5)+Javascript+jQuery+Ajax+CSS3/DIV 架构去开发。这架构很直观、很强大而且很简单。最近因为公司发展需要，要跟新进来的同事合作开发。为了能够跟他们沟通，最近就学习了近几年都很火的 Vue。Vue-CLI/AngularJS/ReactJS 其实很复杂刚学习 Vue，尤其是Vue-CLI 时，觉得这东西跟AngularJS 和 ReactJs一样sb（尤其是当你要跨组件传递参数及组件状态的时候）。这个技术的最大卖点就是所谓不用操作DOM

2022-03-29 17:40:03 1836

原创 Vue + Nginx 项目部署（亲测有效）

前言笔者最近初学Vue，编写前端项目。写好一个简单项目后发现，项目不能简单通过Nginx做反向代理并被其他人访问。举例，本地启动vue项目，然后在Nginx里配置nginx.confworker_processes 2;events { worker_connections 1024;}http { include mime.types; default_type application/octet-stream; sendfile

2022-03-25 23:13:28 8973 3

原创基于oAuth2.0开发属于自己的SSO授权服务 - 授权码（Authourization Code）模式 (持续更新中。。。)

系列文章目录···mermaidgraph LR 1(重写oAuth2.0的密码模式) -->|Get money| 2(Go shopping) 1 --> 3{Let me think} 3 -->|One| 3.1(Laptop) 1 -->|Two| 4{iPhone} 1 -->|Three| 4.1[fa:fa-car Car]···

2022-03-19 10:10:39 982

蜂窝码农的博客