Miraclo

应用案例 1、学成在线案例（四、CSS 浮动） 页面展示： 学成在线，是典型的企业级网站。 学习学成网的目的，是为了整体感知企业级网站布局流程，带着大家复习以前的知识。 5.1 准备素材和工具 学成在线PSD源文件 开发工具 = PS（切图） + sublime（代码） + chrome（测试） 5.2 结构与样式分离 先把我们的前期准备工作做好， 我们本次采取结构与样式相分离思想。 创建 study 目录文件夹 (用于存放我们这个页面的相关内容)。 用vscode打开study目录文件夹. study 目录内新建 images 文件夹，用于保存图片。 新建首页文件 index.html（以后我们的网站首页统一命名规定为 index.html )。 新建 style.css 样式文件。我们本次采用外链样式表。 将样式引入到我们的 HTML 页面文件中。 样式表写入清除内外边距的样式，来检测样式表是否引入成功。 5.3 页面布局整体思路 为了提高网页制作的效率，布局时通常有以下的整体思路，具体如下： ​ 1.必须确定页面的版心（可视区），我们测量可得知。 ​ 2.分析页面中的 ...

相关链接： 视频教程：https://www.bilibili.com/video/BV14J4114768/ vscode 插件推荐 - 献给所有前端工程师（2023.7.26更新）：https://segmentfault.com/a/1190000006697219 笔记来源：https://docs.mphy.top/#/ 一、HTML简介 1. 网页 1.1 什么是网页 网页是根据因特网上一定的规则，使用html等制作的用于展示特定内容的网页集合。 网页是构成网站的基本元素。 网页是图片、链接、文字、声音、视频等源深路组成，其实就是一个html文件。 1.2 什么是HTML HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。 HTML不是一种编程语言，而是一种标记语言（markup language）。 标记语言是一套标记标签（markup tag）。 超文本的含义： 它可以加入图片、声音、动画、多媒体等内容（超越文本限制）。 它可以从一个文件跳转到另一个文件，于世界各地主机的文件连接（超级链接文本）。 ...

ThymeLeaf 视频教程：https://www.bilibili.com/video/BV1qy4y117qi/ 现在市面上大部分的Web教程都是SpringBoot和Vue或者React的前后端分离的教程，但是很多的朋友都会遇到这样一种情况，就是去公司以后，还是会遇到这种混合模板开发的项目，甚至还要维护一些Jsp的老项目，这种情况就很头痛，很多人就会吐槽啊 2021年啦，还在用混合开发，其实技术是为业务服务的，有些项目有些情况就适合用混合开发，没得说的。 给大家带来一个Thymeleaf的快速入门教程。 Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。 官网：https://www.thymeleaf.org/ 它与 JSP，Python的jinja2等模板引擎类似，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在浏览器中打开。 一、初始化创建项目 打开IEDA创建一个Spring项目 勾选需要的东西： 这样就创建成功啦 ①在配置文件中禁用thymeleaf缓存（开发过程中） 123456server: ...

SpringSecurity从入门到精通 课程介绍 image-20211219121555979 0. 简介 ​ Spring Security 是 Spring 家族中的一个安全管理框架。相比与另外一个安全框架Shiro，它提供了更丰富的功能，社区资源也比Shiro丰富。 ​ 一般来说中大型的项目都是使用SpringSecurity 来做安全框架。小项目有Shiro的比较多，因为相比与SpringSecurity，Shiro的上手更加的简单。 ​ 一般Web应用的需要进行认证和授权。 ​ 认证：验证当前访问系统的是不是本系统的用户，并且要确认具体是哪个用户 ​ 授权：经过认证后判断当前用户是否有权限进行某个操作 ​ 而认证和授权也是SpringSecurity作为安全框架的核心功能。 1. 快速入门 1.1 准备工作 ​ 我们先要搭建一个简单的SpringBoot工程 ① 设置父工程 添加依赖 12345678910111213141516<parent> <groupId>org.springframework.boot</groupId& ...

内容管理模块关键技术点：HttpClient接口测试、树形表开发、JSR303校验 1 模块需求分析 1.1 什么是需求分析 百度百科汇总对需求分析的定义如下 需求分析也称为软件需求分析、系统需求分析或需求分析工程等，是开发人员经过深入细致的调研和分析，准确理解用户和项目的功能、性能、可靠性等具体需求，将用户非形式的需求表叔转化为完整的需求定义，从而确定系统必须做什么的过程 简单理解就是要高清问题域，问题域就是用户的需求，软件要为用户解决什么问题，实现哪些业务功能，满足什么样的性能要求 那么如何做需求分析？ 1. 首先确认用户需求 - 用户需求即用户的原始需求。通过用户访谈、问卷调查、开会讨论、查阅资料等调研手段梳理用户的原始需求，产品人员根据用户需求绘制界面原型，再通过界面原型让用户确认需求是否符合预期 2. 确认关键问题 - 用户的原始需求可能是含糊不清的，需求分析要从繁杂的问题中梳理出关键问题。比如：俭学机构的老师想要将课程发布到网上，这是原始需求，根据这个用户需求我们需要进行扩展分析，扩展出以下几个点： 1. 课程发布需要哪些信息？ 2. 如果用户发布了不良信息怎么办？ ...

Git仓库（求star）：https://github.com/Cyborg2077/xuecheng-plus 项目基础环境搭建： https://cyborg2077.github.io/2023/01/29/XuechengOnlinePart1/ 内容管理模块（含实战内容）：https://cyborg2077.github.io/2023/02/02/XuechengOnlinePart2/ 媒资管理模块：https://cyborg2077.github.io/2023/02/10/XuechengOnlinePart3/ 课程发布模块：https://cyborg2077.github.io/2023/02/28/XuechengOnlinePart4/ 认证授权模块（含实战内容，解决微信登录）：https://cyborg2077.github.io/2023/03/08/XuechengOnlinePart5/ 选课学习模块：https://cyborg2077.github.io/2023/03/17/XuechengOnlinePart6/ 项目优化：https ...

原作者：https://github.com/congz666/cmall-go Go实战-Gin-mall经典电子商城项目 视频地址：https://www.bilibili.com/video/BV1Zd4y1U7D8/ 待完善： Elasticsearch redis查询商品 + 缓存 接口文件目录： 一、项目创建与读取配置文件 项目结构： 12345678910111213gin_mall├─api Controller层├─cache 存放redis缓存├─cmd └─ main.go main启动类├─conf 存放配置文件├─dao 持久层（对数据库的操作）├─middleware 中间件├─model 存放数据库模型├─pkg 工具包├─routes 存放路由├─serializer JSON序列化工具└─service 服务层业务逻辑 项目使用的所有驱动（依赖） 1234567891011121314151617181920# 可以使用 go mod tidy 一键导入所有驱动# ini配置文件读取驱动go g ...

来自：刘丹冰 视频链接地址：https://www.bilibili.com/video/BV19r4y1w7Nx/ 笔记地址：https://www.yuque.com/aceld/golang/srxd6d#fc07087a 目标：掌握Golang协程调度器原理：为什么Go的协程调度是很快的？ Golang的协程调度器原理及GMP设计思想 一、Golang“调度器”的由来？ 1. 单进程时代不需要调度器 我们知道，一切的软件都是跑在操作系统上，真正用来干活(计算)的是CPU。早期的操作系统每个程序就是一个进程，知道一个程序运行完，才能进行下一个进程，就是“单进程时代” 一切的程序只能串行发生。 单进程时代面临的问题 早期的单进程操作系统，面临2个问题： 1.单一的执行流程，计算机只能一个任务一个任务处理。 2.进程阻塞所带来的CPU时间浪费。 那么能不能有多个进程来宏观一起来执行多个任务呢？ 后来操作系统就具有了最早的并发能力：多进程并发，当一个进程阻塞的时候，切换到另外等待执行的进程，这样就能尽量把CPU利用起来，CPU就不浪费了。 2. 多进程/线程时代有了调度 ...

Gin+Gorm实现简单备忘录 视频链接：https://www.bilibili.com/video/BV1GT4y1R7tX Github地址：https://github.com/CocaineCong/TodoList 自己做了一遍的Gin+Gorm备忘录项目：https://github.com/Unicorn-acc/Golang-Project/tree/main/GoProject_todolist 此项目使用Gin+Gorm ，基于RESTful API实现的一个备忘录。 规范是非常重要的，此项目非常适合小白入门学习web开发 接口文档内容： 项目主要功能介绍 用户注册登录 ( jwt-go鉴权 ) 新增/删除/修改/查询 备忘录 存储每条备忘录的浏览次数 分页功能 一、项目初始化 创建项目文件的方式看gin部分： 1234567891011121314// 初始化一个目录D:\go\project>mkdir ginlearnD:\go\project>cd ginlearn// 1. 这是目录是工作区，初始化工作区 go work initD ...

笔记引用：码神之路 https://www.mszlu.com 一、Grom快速入门 官方地址：https://github.com/go-gorm/gorm 官方文档：https://gorm.io/zh_CN/ 全功能 ORM 关联 (拥有一个，拥有多个，属于，多对多，多态，单表继承) Create，Save，Update，Delete，Find 中钩子方法 支持 Preload、Joins 的预加载 事务，嵌套事务，Save Point，Rollback To to Saved Point Context、预编译模式、DryRun 模式 批量插入，FindInBatches，Find/Create with Map，使用 SQL 表达式、Context Valuer 进行 CRUD SQL 构建器，Upsert，锁，Optimizer/Index/Comment Hint，命名参数，子查询 复合主键，索引，约束 自动迁移 自定义 Logger 灵活的可扩展插件 API：Database Resolver（多数据库，读写分离）、Prometheus… 每个特性都经过了测试 ...