目录

前言：

【文章末尾给大家留下了大量的福利】

开始

商城项目介绍：

 【系统安装指导图】

【登录模块示意图】

【商城订单示意图】

【安装向导示意图】 

 【app项目，电商项目，银行项目，医药项目，金融项目，压缩包】

 【软件测试全栈学习路线图 ，python自动化测试全栈学习路线图】

【python全栈自动化测试学习路线图】

【软件测试全栈学习路线图】

【私我关键字【000】免费获取哦 注意关键字是：000】

  重点：学习资料，学习当然离不开资料，这里当然也给你们准备了600G的学习资料

前言：

​​大家好，我是凡叔。

很多初学的测试小白都在烦恼找不到合适的项目去练习，这也是难倒大部分测试小白的一个很常见的问题，项目经验确实是每一个测试非常宝贵的经验！这里凡叔给大家找了一些常用的项目合集，，这些项目涵盖商城项目，app项目，电商项目，银行项目，医药项目，金融项目可以说非常之全面。

【文章末尾给大家留下了大量的福利】

【正文】

在这之前，凡叔已经推出了很多的项目实战教程，包括接口自动化，web自动化。appium的项目，但是很多小伙伴觉得还是金融，银行，电商的香emmmmm难搞噢，还是有很多小伙伴给凡哥私信：大佬能分享点别的项目吗？现在面试都是要有这些热门项目才能吃香啊，行这就给安排上。

说实话，大部分项目都是一些作者自己写的一些比较的简单，并不能写在简历上的项目，而且项目的也比较的”乱“ 和”杂“，而且很多的都部署不下来，甚至连环境部署的文件都没有，凡书花了很多的时间和金钱为大家找到了这些合适测试小白练习的项目实战。

 这是一个电商的项目，项目里面的所有按钮，图片，以及内容都是可以容易修改的，把项目集，以及项目源码和环境配置全套直接发给大家这样更加的方便下小伙伴入手，

商城项目介绍：

这个电商类型的项目，初种有机生活馆，是一个垂直领域的电商平台，商城的主要经营范围集中在有机绿色的食品方面，有生鲜水果，米面粮油，饮品饮料等，面向的国内对食品安全要求比较高的中产阶级人群，主要功能有会员注册及登录，商品的分类展示，购物车，订单查询，积分兑换，留言管理，订单管理，促销管理等模块，主要负责注册登录、购物车、订单查询、订单管理等模块

这个项目后台订单处理主体流程是：

 确认订单--发货--判断用户是否是线下支付--如果线下支付，就先确认收款，再进行收货；如果是线上支付，直接进入收货---订单处理结束---后续有售后和评价相关流程。

 【系统安装指导图】

直接一步步的教小伙伴们部署到自己电脑上，想怎么玩就怎么玩，快乐的一比，当然哈记得先备份别，玩坏了再重新来，哈哈哈哈哈

【登录模块示意图】

【商城订单示意图】

【安装向导示意图】 

项目太多了，这里直接就直接大家重点介绍其中的一个噢，下面给大家放了一个项目的合集。

【项目合集】

{项目集和环境全套已经给大家打包好了，所有的项目需要可直接【私信000】获取！！!}

商城项目全套

 【app项目，电商项目，银行项目，医药项目，金融项目，压缩包】

 【软件测试全栈学习路线图 ，python自动化测试全栈学习路线图】

 除此之外，我还无偿提供一份我使用很久的、个人总结的、完整的自动化测试学习路线，为你练习提供指引和参考：

【python全栈自动化测试学习路线图】

【软件测试全栈学习路线图】

 学习路线图太详细了，这里就只和大家展示一下详情需要的

【私我关键字【000】免费获取哦 注意关键字是：000】

  重点：学习资料，学习当然离不开资料，这里当然也给你们准备了600G的学习资料

需要的私我关键字【000】免费获取哦 注意关键字是：000

全套软件测试自动化测试教学视频

300G教程资料下载【视频教程+PPT+项目源码】

全套软件测试自动化测试大厂面经

python自动化测试++全套模板+性能测试

听说关注我并三连的铁汁都已经升职加薪暴富了哦！

GitHub 地址：https://github.com/Antabot/White-Jotter

教程目录

第一部分

Vue + Spring Boot 项目实战（一）：项目简介
Vue + Spring Boot 项目实战（二）：搭建 Vue.js 项目
Vue + Spring Boot 项目实战（三）：前后端结合测试（登录页面开发）
Vue + Spring Boot 项目实战（四）：数据库的引入
Vue + Spring Boot 项目实战（五）：使用 Element 辅助前端开发
Vue + Spring Boot 项目实战（六）：前端路由与登录拦截器
Vue + Spring Boot 项目实战（七）：导航栏与图书页面设计
Vue + Spring Boot 项目实战（八）：数据库设计与增删改查
Vue + Spring Boot 项目实战（九）：核心功能的前端实现
Vue + Spring Boot 项目实战（十）：图片上传与项目的打包部署

第二部分

Vue + Spring Boot 项目实战（十一）：用户角色权限管理模块设计
Vue + Spring Boot 项目实战（十二）：访问控制及其实现思路
Vue + Spring Boot 项目实战（十三）：使用 Shiro 实现用户信息加密与登录认证
Vue + Spring Boot 项目实战（十四）：用户认证方案与完善的访问拦截
Vue + Spring Boot 项目实战（十五）：动态加载后台菜单
Vue + Spring Boot 项目实战（十六）：功能级访问控制的实现
Vue + Spring Boot 项目实战（十七）：后台角色、权限与菜单分配
Vue + Spring Boot 项目实战（十八）：博客功能开发

第三部分

Vue + Spring Boot 项目实战（十九）：Web 项目优化解决方案
Vue + Spring Boot 项目实战（二十）：前端优化实战
Vue + Spring Boot 项目实战（二十一）：缓存的应用

开源精选

Erupt Framework：开源神器，助你无需前端代码搞定企业级后台管理系统
AntdFront: React 纯 Hook 多标签微前端管理系统解决方案

前言

之前写了一些关于 Java EE 的文章，主要是理论性质的，目的是帮助大家快速了解 Java EE 的核心内容，早日爬出这个陈旧又绕不开的坑，进入 Java Web 开发的新天地。当然只有理论是不够的，有很多细节需要在实践中理解，所以我决定做一个实践教程。

这个项目十分简单，是一个纯粹为教程而生的原型，可以视为一个简陋的带后台的门户网站。所以学习时不用有什么压力，估计你们学的比我写的快很多。

我的目标是根据这个教程，可以帮助 新入行的或是刚开始学习相关技术 的小伙伴们把一个完整的项目还原出来，建立起对前后端分离式 Web 开发的整体认知。

一开始，我会尽量详细地描述开发的过程，帮助大家快速上手。随着项目进展，曾经讲到过的、比较容易搜索到的内容会适当省略。

当然，每个人的理解方式不同，可能有些重要的细节没讲到位，欢迎大家在评论区提问。受限于个人水平，一定有很多说的不对的地方，大家理解一下，友善白嫖哈。

一、项目概述

这个项目我把它命名为 “白卷”，估摸着很多同学会拿它做课程设计之类，建议你们尽量加点自己的东西在里面，直接交白卷，你的良心不会痛吗？（狗头保命）

开个玩笑，叫白卷是因为它随着教程进展逐渐完善，象征着知识的从无到有，从有到多。

另外我还给它起了一个英文名字，叫 White Jotter（白色笔记本），纯粹是为了谐音。

项目遵循敏捷开发原则，会根据大家反馈的意见整理出新的需求，动态扩展、调整、优化。初始阶段按照简单的分层架构设计，具体见下图：

• 应用架构
  

• 技术架构
  

项目需要在前后端之间不断穿梭，但在做教程的时候，我会尽量模块化地去讲解。

此外，我把教程分为了几个阶段，是为了循序渐进、由易到难地讲解知识点。

各个阶段的主要内容如下（随教程进展更新）：

（一）第一部分

这个项目的第一部分以图书信息管理为示例，主要帮助大家理解以下内容：

• 如何从 0 开始搭建 Web 项目？
• 什么是前后端分离？如何实现前后端分离？
• 单页面应用有哪些特点？
• 如何在 Web 项目中使用数据库并利用网页实现增删改查？
• 在开发中如何利用各种辅助手段？
• Vue.js 的基本概念与用法
• 简单的前端页面设计
• 如何部署 Web 应用？

各个页面的效果大致如下：

登录页面：

首页：

图书馆页面：

（二）第二部分

项目的第二部分是后台管理模块的开发，主要包括以下内容：

• 后台管理模块的常见功能与布局（内容管理、用户\权限管理、运维监控）
• 用户身份验证、授权、会话管理与信息加密存储
• Shiro 框架的使用
• 实现不同粒度的访问控制（动态菜单、功能控制、数据控制）
• 结合内容管理，实现文章的编写与展示

后台基本结构如下：

后台页面效果：

Dashboard（from PanJiaChen / vue-element-admin）：

图书管理：

用户管理：

笔记本页面效果：

文章列表：

文章详情：

（三）第三部分

第三部分是在前面的基础上，分析项目存在的不足，并对其进行由点及面的优化。

当简单的优化无法达到我们想要的目的时，就需要从架构层面进行整体的升级改造，那就是下一套教程的事情了。

（四）开源精选

在做这个项目的过程中结识了一些小伙伴，他们凭借一腔热枕坚持为开源社区做贡献，开发出了许多优秀的项目。我打算在编写教程的同时穿插对这些项目的介绍，以便让更多朋友们了解这个群体，甚至加入到新兴项目的发展壮大过程中去。

这里给读者们提供一个福利，如果你有拿的出手开源项目希望更多人知道，我可以无条件帮你推广，甚至文案也可以帮你修改，当然，前提是这个项目真的有价值。

二、技术栈

参考技术架构图，项目使用的主要技术如下：

1.前端技术栈

1.Vue.js
2.ElementUI
3.axios

2.后端技术栈

1.Spring Boot
2.Apache Shiro
3.Apache Log4j2
4.Spring Data JPA
5.Spring Data Redis

3.数据库

1.MySQL
2.Redis

在开发过程中还会不断用到一些新的技术，有必要的我会增添上去。

三、主要参考内容

• How2J.cn - Java 全栈学习网站
• Vue.js - 渐进式 JavaScript 框架
• Element - 网站快速成型工具

下一篇：Vue + Spring Boot 项目实战（二）：搭建 Vue.js 项目

GitHub各位应该都很熟悉了，全球最大的开源社区，也是全球最大的同性交友网站((ง •_•)ง)，但是大部分同学使用GitHub应该就是通过别人的开源链接，点进去下载对应的项目，而真正使用Github来查找开源项目的还是少数，

面试总得有几个和所求岗位相关的项目，如果应届生、转行的童鞋没有项目，就靠简单的javaSE或者其他语言基础那只能说“你太难了”。

通过 Github ，你可以很方便的下载自己需要的项目，了解实时热点的项目，通过对优秀的开源项目的学习，更好的进行学习与提高

那么如何使用Github高效率的查找项目呢？ 这篇文章带你了解一下

仓库分几种？

• 本地仓库：建立在本地的文件夹。
• 远程仓库：建立在互联网的服务器内的文件夹。

分布式版本控制系统

1. 配有两个仓库，在你的电脑上有一个 本地仓库 ，在远程的服务器上有一个 远程仓库 。
2. 我们在提交文件的时候会先提交到本地仓库，然后在有网络的情况下，再从本地仓库提交到网络上的远程仓库。
3. Git 就是一个典型的分布式版本控制系统
4. Github就担任了上述的远程仓库这一角色，就是一个存放在外网服务器上的一个文件夹。并且Github是免费的开源的托管平台

什么是Git

Git （读音为/gɪt/）是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名GitHub。

Github常用词含义

• watch：会持续收到项目的动态
• fork：复制某个项目到自己的仓库
• star：点赞数，表示对该项目表示认可，点赞数越多的项目一般越火
• clone：将项目下载到本地
• follow：关注你感兴趣的作者，会收到他们的动态

一个完整的项目界面

• ① 此处是项目作者名/项目名
• ② 此处是项目的点赞数，和fock数，越火的项目点赞和fock就会越多
• ③ 项目的Description 和Website 和tags 也就是项目的说明和标签， 通过此处你可以一眼了解该项目的功能和简介
• ④ 项目的commits提交数 ，一般比较好的项目，维护会比较频繁，更新也会频繁，提交数就会多
• ⑤项目提交时间， 通过这里你可以看到项目的提交时间，防止自己下载了一些远古项目
• ⑥ README.md README.md文件是一个项目的入门手册，里面介绍了整个项目的使用、功能等等。所以README文件写得好不好，关系到这个项目能不能更容易的被其他人了解和使用。

使用Github搜索项目

一般人用Github的步骤 直接搜索，选择一下Languages 设置下项目排序顺序 就直接下载

然后就是克隆仓库，阅读md，看项目源代码，看不懂，关闭项目，删除。

这样是很难找到真正适合自己的项目的，

GitHub里面有很多有价值的开源项目和代码，如何在海量的代码库中搜索我们需要的信息，那么接下来将带你了解下如何利用GitHub强大的搜索功能，来找到适合自己的项目

GitHub的高级搜索

GitHub有高级搜索功能，search/advanced可以输入关键字、代码库大小、包含作者、代码语、代码包含后缀文件名等。

这里我们假设正要学习 Spring Boot，要找一个 Spring Boot的 Demo 来进行参考学习。

精准搜索仓库标题、仓库描述、README

in关键词限制搜索范围

按照项目名/仓库名搜索（大小写不敏感）
（1）公式

• in:name xxx 项目名包含xxx

• in:description xxx 项目描述包含xxx

• in:readme xxx 项目介绍文档里含有xxx

  
  
  

比如我搜索项目名里含有 Spring Boot 的 in:name Spring Boot
会发现项目数量由17W变成了11W

搜索项目描述里含有 Spring Boot 的 in:description Spring Boot

stars或fork数量去查找

一个项目 star 数的多少，一般代表该项目的受欢迎程度 越受欢迎的项目，star数和fork数一定也不会少

（1）公式

• stars:>xxx stars数大于xxx
• stars:xx..xx stars数在xx…xx之间
• forks:>xxx forks数大于xxx
• forks:xx..xx forks数在xx…xx之间

 查找star数大于等于5000的springboot项目
     spring boot stars:>=5000
 查找fork数大于500的springcloud项目
     spring cloud forks:>500
 查找fork在100到200之间并且stars数在80到100之间的springboot项目
     spring boot forks:100..200 stars:80..100

我们进一步缩小范围，Star数量过滤，要求Star数量大于3000
in:name spring boot starts :> 3000

可以看到只有一千多个项目供我们选择了

按照地区和语言进行搜索

很多时候我们的项目是要用我们会的语言，你找到了一个Python写的好项目，但是没学过Python，下载了也看不懂，同时，为了更好的阅读README.md帮助文档以及项目注释，我想很多同学都会想要下载中文的项目，当然英语顶呱呱的请忽略
（1）公式

• location：地区
• language：语言

语言为javaScript   
language:javaScript   
地区为china
`location: China

如果你要寻找使用 javascript 语言的国产项目，整个搜索条件就是：language:javascript location:china，从搜索结果来看，我们找到了五百多万javascript 项目，近 21000 多名地区信息填写为 China 的 javascript 开发者，

根据仓库大小搜索

如果你只是想找一些小型的项目进行个人学习和开发，不想找特别复杂的，那么使用size关键字查找简单的 Demo，就成了你的首选

（1）公式

• size:>= 数字 【注意：100代表100Kb 单位为Kb】

根据仓库是否在更新的搜索

寻找项目当然是想要找到最新的项目，而不是好久都没有更新的老项目了，

（1）公式

• pushed:> YYYY-MM-DD 最后上传日期大于YYYY-MM-DD
• created:> YYYY-MM-DD 创建日期大于YYYY-MM-DD

比如我们想要寻找2020年最新更新的项目，可以用 pushed:>2020-01-03 Spring Boot ,这样子就可以找到今年一月份之后更新的最新项目

根据某个人或组织进行搜索

如果你想在GitHub 上找一下某个大神是不是提交了新的项目，可以对他们进行精准搜索
（1）公式

• user: name 查找某个用户
• org: name 查找某个组织
• followers:>=xxx 查找关注者数量超过xxx的开发者

比方说我们想要找一下廖雪峰老师的python开源项目
user:MichaelLiao language:python

根据仓库的LICENSE搜索

License是很多人容易忽略的一个问题

开源项目的License（项目授权协议） 有的开源项目作者明确禁止商用了，但是你不知情下载了，并且使用了，这就会很麻烦，

“非常友好”的协议，比较出名的有这几种：BSD、MPL（Mozilla）、Apache、MIT。这些协议不但允许项目的使用者使用开源库，有些还允许对开源库进行修改并重新分发。因此用起来特别爽。上述这几个协议在细节上有些小差异，大伙儿可以去它们官网瞧一下。

以下这个网站，详细介绍了各个License的区别。
http://choosealicense.com/licenses/
（1）公式

-license:对应协议

例如咱们要找协议是最为宽松的 Apache License 2 的代码，
license:apache-2.0 Spring Boot

awesome加强搜索

Awesome 似乎已经成为不少 GitHub 项目喜爱的命名之一，Awesome 往往整合了大量的同一领域的资料，让大家可以更好的学习。
（1）公式

• awesome 关键字 awesome 系列一般是用来收集学习、工具、书籍类相关的项目
  
  

  比如搜索优秀的python相关的项目，包括框架、教程等
  awesome python
  
  awesome-python，这个库提供了各个领域常见的python库支持。整体看下来，几乎涵盖了所有的常见的计算机领域，

热门搜索（GitHub Trend 和 GitHub Topic）

GitHub Trend 页面总结了每天/每周/每月周期的热门 Repositories 和 Developers，你可以看到在某个周期处于热门状态的开发项目和开发者

GitHub Topic 展示了最新和最流行的讨论主题，在这里你不仅能够看到开发项目，还能看到更多非开发技术的讨论主题，

都看到这里了，如果这篇文章对你有帮助的话，请点个小小的赞再走吧！