在 springboot 注册功能中实施电子邮件验证
我们放假啦,前几天疯狂复习,现在又可以再次投入到代码中啦,这是我的第一篇博客园博客耶嘻嘻,希望大家喜欢!(本人也只是个大二的小白一枚,一同进步和成长叭)
废话不多说,我们要实现的功能是:注册时对用户输入的邮箱进行验证,包括 ①邮箱存不存在和 ②邮箱是否是用户的邮箱 两个验证
我们分为前端和后端来实现:
前期准备
1. pom.xml文件中引入相关的依赖(发送邮箱用的依赖):
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> </dependency>
2. 引入相关js和css文件:
① 邮箱验证要使用到的jquery.cookie.js:(作用后面会讲哈)
下载地址:http://plugins.jquery.com/cookie/
下载完后放到相应的文件夹里,譬如我是这样放的:
② me.css文件(不引入也可以哟,这只是让页面显示在中间,并不影响功能)
1 .m-container-small { 2 max-width: 60em !important; 3 margin: auto !important; 4 } 5 .m-padded-tb-massive { 6 padding-top: 5em !important; 7 padding-bottom: 5em !important; 8 }
基本的前端(继续完善的前端在下一篇,敬请期待)
1. html代码:(注意要修改一下js文件的相对路径,改成你自己的【第76行】)
(引入了css的小伙伴同时要改一下me.css的相对路径哈【第9行】)
1 <!DOCTYPE html> 2 <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <title>博客游客注册</title> 7 8 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"> 9 <link rel="stylesheet" href="../../static/css/me.css"> 10 </head> 11 <body> 12 <br><br><br> 13 <div class="m-container-small m-padded-tb-massive" style="max-width: 30em !important;"> 14 <div class="ui container"> 15 <div class="ui middle aligned center aligned grid"> 16 17 <div class="column"> 18 <div class="ui negative message" th:unless="${#strings.isEmpty(message)}"> 19 <i class="close icon"></i> 20 <div class="header"> 21 校验失败 22 </div> 23 <p th:text="${message}"></p> 24 </div> 25 <h2 class="ui teal image header"> 26 <div class="content"> 27 游客注册 28 </div> 29 </h2> 30 <form class="ui large form" method="post" action="#" th:action="@{/tourist/register}"> 31 <div class="ui segment"> 32 <div class="field"> 33 <div class="ui left icon input"> 34 <i class="user icon"></i> 35 <input type="text" id="username" name="username" placeholder="用户名" 36 onchange="isUsernameUnique(this)"> 37 </div> 38 </div> 39 <div class="field"> 40 <div class="ui left icon input"> 41 <i class="lock icon"></i> 42 <input type="password" name="password" placeholder="密码"> 43 </div> 44 </div> 45 <div class="field"> 46 <div class="ui left icon input"> 47 <i class="mail icon"></i> 48 <input type="text" name="email" id="email" placeholder="邮箱"> 49 <input type="button" id="getcode" class="ui grey label" value="获取验证码"> 50 </div> 51 52 </div> 53 <div class="code field" style="display:none" > 54 <div class="ui left icon input"> 55 <i class="check square outline icon"></i> 56 <input type="text" name="identify" id="identify" placeholder="验证码"> 57 </div> 58 </div> 59 <button class="ui fluid large teal submit button" id="register-btn">注 册</button> 60 </div> 61 <div id="isRepeat"></div> 62 <div class="ui error mini message"></div> 63 64 </form> 65 66 67 </div> 68 69 </div> 70 71 </div> 72 </div> 73 74 75 <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script> 76 <script type="text/javascript" src="../../static/js/jquery.cookie.js" ></script> 77 <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> 78 </body> 79 </html>
2. 界面展示
现在我们已经拥有一个静态页面啦,接下来的工作是让它动起来
1. 在用户点击“获取验证码”的时候,判断邮箱位置是否为空,若为空,则不作任何操作
代码如下:
1 $('#getcode').click(function(){ 2 3 //判断邮箱位置是否为空 4 var email = $("#email").val(); 5 if(email==""){ 6 return; 7 } 8 9 });
2. 不为空的时候我们就要把用户的邮箱发给后端,让后端进行邮箱的存在性检查以及发送
这时候要用到的技术是ajax:
$.ajax({ //url路径 url: "http://localhost:8080/tourist/sendEmail", //data请求数据 data: {"email": email}, //dataType json type: "post", //回调函数 success: function (data) { //回调函数 data 返回流 if (data == "failure") { alert("发送失败"); } else if (data=="false"){ alert("目标邮箱不存在,请检查你的邮箱是否正确"); } // else{ // } } });
合并上面两个代码,结果如下:
$('#getcode').click(function(){ //发送验证码 var email = $("#email").val(); if(email==""){ return; } alert("验证码已发送,请及时查看你的邮箱"); $(".code").toggle(); //ajax实现后台邮箱的发送 $.ajax({ //url路径 url: "http://localhost:8080/tourist/sendEmail", //data请求数据 data: {"email": email}, //dataType json type: "post", //回调函数 success: function (data) { //回调函数 data 返回流 if (data == "failure") { alert("发送失败"); } else if (data=="false"){ alert("目标邮箱不存在,请检查你的邮箱是否正确"); } // else{ // } } }); });
最基本的前端已经完成啦,我们现在来看后端:
后端的实现
1. controller的命名与位置:
①名字你可以随便起,我起的是RegisterController
②位置我是新建了一个web文件夹,然后在web文件夹下新建了一个子文件夹tourist,在这个文件夹中放着我的控制器
(由于这是我博客系统的一部分功能,所以里面有很多很多代码,我码掉了,如果大家喜欢我的文章,我就会继续分享一些实用的有关博客的功能唷)
2. html代码:
(我命名为register.html,并且放在了templates文件里的子文件tourist下
)
//import com.lrm.util.MD5Utils; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Value; import org.springframework.mail.MailSendException; import org.springframework.mail.SimpleMailMessage; import org.springframework.mail.javamail.JavaMailSender; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.*; import org.springframework.web.servlet.mvc.support.RedirectAttributes; import javax.servlet.http.HttpSession; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.HashMap; import java.util.Map; import java.util.Random; @Controller @RequestMapping("/tourist") public class RegisterController { @Autowired private UserService userService; private final Logger logger = LoggerFactory.getLogger(this.getClass()); @Value("${mail.fromMail.sender}") private String sender;// 发送者 @Autowired private JavaMailSender javaMailSender; private Map<String, Object> resultMap = new HashMap<>(); @GetMapping("/register") public String register() { return "tourist/register"; } @RequestMapping("/sendEmail") //转换json数据 @ResponseBody @ResponseBody public String sendEmail(String email) { SimpleMailMessage message = new SimpleMailMessage(); String code = VerifyCode(6); //随机数生成6位验证码 message.setFrom(sender); message.setTo(email); message.setSubject("博客系统");// 标题 message.setText("【博客系统】你的验证码为:"+code+",有效时间为5分钟(若不是本人操作,可忽略该条邮件)");// 内容 try { javaMailSender.send(message); logger.info("文本邮件发送成功!"); saveCode(code); return "success"; }catch (MailSendException e){ logger.error("目标邮箱不存在"); return "false"; } catch (Exception e) { logger.error("文本邮件发送异常!", e); return "failure"; } } private String VerifyCode(int n){ Random r = new Random(); StringBuffer sb =new StringBuffer(); for(int i = 0;i < n;i ++){ int ran1 = r.nextInt(10); sb.append(String.valueOf(ran1)); } // System.out.println(sb); return sb.toString(); } //保存验证码和时间 private void saveCode(String code){ SimpleDateFormat sf = new SimpleDateFormat("yyyyMMddHHmmss"); Calendar c = Calendar.getInstance(); c.add(Calendar.MINUTE, 5); String currentTime = sf.format(c.getTime());// 生成5分钟后时间,用户校验是否过期 String hash = MD5Utils.code(code);//生成MD5值 resultMap.put("hash", hash); resultMap.put("tamp", currentTime); } }
思路:先随机生成一串验证码,然后通过邮箱发送给用户输入的邮箱号,通过捕获异常来判断用户输入的邮箱是否存在
用到的小技术:里面用到了MD5加密,即生成验证码时,将验证码和发送时间通过加密技术进行加密,然后保存到Map对象中(用于后面与用户输入的验证码及时间相比对,来判断用户验证码输入是否正确,以及验证码是否过期)
所以这里我们还需要引入一下MD5加密工具(或者你可以使用springboot自带的加密功能,具体的可自行查阅)
MD5Utils的代码如下:
import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; public class MD5Utils { /** * MD5加密类 * * @param str 要加密的字符串 * @return 加密后的字符串 */ public static String code(String str) { try { MessageDigest md = MessageDigest.getInstance("MD5"); md.update(str.getBytes()); byte[] byteDigest = md.digest(); int i; StringBuffer buf = new StringBuffer(""); for (int offset = 0; offset < byteDigest.length; offset++) { i = byteDigest[offset]; if (i < 0) i += 256; if (i < 16) buf.append("0"); buf.append(Integer.toHexString(i)); } //32位加密 return buf.toString(); // 16位的加密 //return buf.toString().substring(8, 24); } catch (NoSuchAlgorithmException e) { e.printStackTrace(); return null; } } public static void main(String[] args) { System.out.println(code("123")); } }
(这个引入之后就可以在上面的controller报错的地方引入相应的包啦(*^▽^*)【报错的地方就是因为这个包没引入】)
这样发送验证码的前后端我们基本都写好啦,是不是跃跃欲试呢,哈哈
放心,你马上就可以开始运行了,我们还差最后一个工作,就是配置我们的application.properties
##根据自己的情况填写 ##邮箱服务器地址 ##QQ smtp.qq.com ##sina smtp.sina.cn ##aliyun smtp.aliyun.com ##163 smtp.163.com spring.mail.host=smtp.qq.com ##邮箱用户名 spring.mail.username=362517658@qq.com ##邮箱密码(注意:QQ邮箱应该使用授权码) spring.mail.password=******** ##编码格式 spring.mail.default-encoding=UTF-8 ##发送邮件地址 mail.fromMail.sender=362517658@qq.com ##接收邮件地址 mail.fromMail.receiver=362517658@qq.com
注意!!里面的邮箱密码,不是你的qq密码,而是邮箱里的授权码,不明白的可看下获取授权码步骤:
① 点击设置
② 选择“账户”
③ 下拉到图中所示位置,选择前两个任意一个打开就行(我这里已经打开,没有打开的小伙伴上面会有“打开”按钮的选择),根据它的指引最后可以获得一串16位的授权码,这个授权码就是我们要的
哒啦啦啦,回到正题:现在让我们来测试一下吧!
①点击“获取验证码”,跳出验证码框
② 输入一个不存在的邮箱号
(这里的“59秒后可重新获取”是我们后面要实现的功能,大家这里显示的还是“获取验证码”哈)
③ 填写正确的邮箱地址
成功收到邮箱啦嘻嘻
发送邮箱验证码我们已经成功实现,现在我们要验证一下用户输入的验证码是否和我们发送的一样(你就快要完成啦,坚持就是胜利!!!!)
这里是点击“注册”时,我们进行邮箱验证码的判断
前端我们是已经加过表单的跳转位置了,
所以我们现在就来做相应的后端:
直接上后端代码:(加在controller(我们的后端代码)里)
@PostMapping("/register") public String login(@RequestParam String username, @RequestParam String password, @RequestParam String email, @RequestParam String identify,RedirectAttributes attributes, User user) { if (resultMap.size() ==0){ return "tourist/register"; } //判断验证码是否正确 String requestHash = resultMap.get("hash").toString(); String tamp = resultMap.get("tamp").toString(); SimpleDateFormat sf = new SimpleDateFormat("yyyyMMddHHmmss");//当前时间 Calendar c = Calendar.getInstance(); String currentTime = sf.format(c.getTime()); if (tamp.compareTo(currentTime) > 0) { String hash = MD5Utils.code(identify);//生成MD5值 if (hash.equalsIgnoreCase(requestHash)){ //校验成功 attributes.addFlashAttribute("m", "恭喜!现在,你可以登录你的用户名。"); return "redirect:/tourist"; }else { //验证码不正确,校验失败 System.out.println("2"); attributes.addFlashAttribute("message", "验证码输入不正确"); return "redirect:/tourist/register"; } } else { // 超时 System.out.println("3"); attributes.addFlashAttribute("message", "验证码已过期"); return "redirect:/tourist/register"; } }
思路:判断此时时间与上次存的验证码的生成时间之差是否大于五分钟,若大于,则提示超时;若没有大于,再将用户输入的验证码进行加密,接着判断用户输入的验证码与最先保存的验证码是否一致(这里也可以通过验证码的解密,然后将解密后的验证码和用户输入的直接比对)
为了更方便地看出结果,我们再加个login界面,位置和register.html一样
html代码:
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> <head > <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>博客用户登录</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"> </head> <body> <br><br><br> <div class="m-container-small m-padded-tb-massive" style="max-width: 30em !important;"> <div class="ui success message" th:unless="${#strings.isEmpty(m)}"> <i class="close icon"></i> <div class="header"> 你注册成功! </div> <p th:text="${m}">现在,你可以登录你的用户名。</p> </div> <div class="ui container"> <div class="ui middle aligned center aligned grid"> <div class="column"> <h2 class="ui teal image header"> <div class="content"> 用户登录 </div> </h2> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> //消息提示关闭初始化 $('.message .close') .on('click', function () { $(this) .closest('.message') .transition('fade'); }); </script> </body> </html>
现在又到了激动人心的测试环节,大家开始躁起来吧!
(具体演示忽略)
完善功能:用户60秒才能重新发送邮箱,这样可以避免某些坏心眼的孩子一直不断地发送邮箱(哈哈虽然目的不只是这个),当然每次测试的时候我们也多了个60秒的等待时间
(欲知后事如何,请听下回分解)
☞ 下篇文章:springboot中邮箱验证按钮实现60秒后可重新获取(防止刷新)以及防重复发送
或者用你们的赞和鼓励来加快我写文章的步伐叭
参考:Spring Boot发送邮件详解 https://www.iteye.com/blog/xieke90-2428892
转载请注明出处
推荐阅读
-
在 springboot 注册功能中实施电子邮件验证
-
纯干货分享 | 研发效能提升——敏捷需求篇-而敏捷需求是提升效能的方式中不可或缺的模块之一。 云智慧的敏捷教练——Iris Xu近期在公司做了一场分享,主题为「敏捷需求挖掘和组织方法,交付更高业务价值的产品」。Iris具有丰富的团队敏捷转型实施经验,完成了企业多个团队从传统模式到敏捷转型的落地和实施,积淀了很多的经验。 这次分享主要包含以下2个部分: 第一部分是用户影响地图 第二部分是事件驱动的业务分析Event driven business analysis(以下简称EDBA) 用户影响地图,是一种从业务目标到产品需求映射的需求挖掘和组织的方法。 在软件开发过程中可能会遇到一些问题,比如大家使用不同的业务语言、技术语言,造成角色间的沟通阻碍,还会导致一些问题,比如需求误解、需求传递错误等;这会直接导致产品的功能需求和要实现的业务目标不是映射关系。 但在交付期间,研发人员必须要将这些需求实现交付,他们实则并不清楚这些功能需求产生的原因是什么、要解决客户的哪些痛点。研发人员往往只是拿到了解决方案,需要把它实现,但没有和业务侧一起去思考解决方案是否正确,能否真正的帮助客户解决问题。而用户影响地图通常是能够连接业务目标和产品功能的一种手段。 我们在每次迭代里加入的假设,也就是功能需求。首先把它先实现,再逐步去验证我们每一个小目标是否已经实现,再看下一个目标要是什么。那影响地图就是在这个过程中帮我们不断地去梳理目标和功能之间的关系。 我们在软件开发中可能存在的一些问题 针对这些问题,我们如何避免?先简单介绍做敏捷转型的常规思路: 先做团队级的敏捷,首先把产品、开发、测试人员,还有一些更后端的人员比如交互运维的同学放在一起,组成一个特训团队做交付。这个团队要包含交付过程中所涉及的所有角色。 接着业务敏捷要打通整个业务环节和研发侧的一个交付。上图中可以看到在敏捷中需求是分层管理的,第一层是业务需求,在这个层级是以用户目标和业务目标作为输入进行规划,同时需要去考虑客户的诉求。业务人员通过获取到的业务需求,进一步的和团队一起将其分解为产品需求。所以业务需求其实是我们真正去发布和运营的单元,它可以被独立发布到我们的生产环境上。我们的产品需求其实就是产品的具体功能,它是我们集成和测试的对象,也就是我们最终去部署到系统上的一个基本单元。产品需求再到了我们的开发团队,映射到迭代计划会上要把它分解为相应的技术任务,包括我们平时所说的比如一些前端的开发、后端的开发、测试都是相应的技术任务。所以业务敏捷要达到的目标是需要去持续顺畅高质量的交付业务价值。 将这几个点串起来,形成金字塔结构。最上层我们会把业务目标放在整个金字塔的塔尖。这个业务目标是通过用户的目标以及北极星指标确立的。确认业务目标后再去梳理相应的业务流程,最后生产。另外产品需求包含了操作流程和业务规则,具需求交付时间、工程时间以及我们的一些质量标准的要求。 谈到用户影响的地图,在敏捷江湖上其实有一个传说,大家都有一个说法叫做敏捷需求的“任督二脉”。用户影响地图其实就是任脉,在黑客马拉松上用过的用户故事地图其实叫督脉。所以说用户影响地图是在用户故事地图之前,先帮我们去梳理出我们要做哪些东西。当我们真正识别出我们要实现的业务活动之后,用户故事地图才去梳理我们整个的业务工作流,以及每个工作流节点下所要包含的具体功能和用户故事。所以说用户影响地图需要解决的问题,我们包括以下这些: 首先是范围蔓延,我们在整张地图上,功能和对应的业务目标是要去有一个映射的。这就避免了一些在我们比如有很多干系人参与的会议上,那大家都有不同想法些立场,会提出很多需求(正确以及错误的需求)。这个时候我们会依据目标去看这些需求是否真的是会影响我们的目标。 这里提到的错误需求,比如是利益相关的人提出的、客户认为产品应该有的、某个产品经理需求分析师认为可以有的....但是这些功能在用户影响地图中匹配不到对应目标的话,就需要降低优先级或弃掉。另外,通常我们去制定解决方案的时候,会考虑较完美的实现,导致解决方案括很多的功能。这个时候关键目标至关重要,会帮助我们梳理筛选、确定优先级。 看一下用户影响到地图概貌 总共分为一个三层的结构: 第一层why,你的业务目标哪个是最重要的,为什么?涉及到的角色有哪些? 第二层how ,怎样产生影响?影响用户角色什么样的行为? (不需要去列出所有的影响,基于业务目标) 第三层what,最关键的是在梳理需求时不需一次把所有细节想全,这通常团队中经常遇到的问题。 我们用这个例子来看一下 这是一个客服中心的影响地图,业务目标是 3个月内不增加客服人数的前提下能支持1.5倍的用户数。此业务目标设定是符合 smart 原则的,specific非常的具体,miserable 是可以衡量的,action reoriented是面向活动的, real list 也是很实际的。 量化的目标会指引我们接下来的行动,梳理一个业务目标,尽量去量化,比如 :我们通过打造一条什么样的流水线,能够提高整个部署的效率,时间是原来的 1/2 。这样才是一个能量化的有意义的目标。 回到这幅图, how 层级识别出来的内容,客服角色:想要对它施加的影响,把客户引导到论坛上,帮助客户更容易的跟踪问题,更快速的去定位问题。初级用户:方论坛上找到问题。高级用户:在论坛上回答问题。通过我们这些用户角色,进行活动,完成在不增加客户客服人数的前提下支持更多的用户数量。 最后一个层级,才是我们日常接触比较多的真正的功能的特性和需求,比如引导到客户到论坛上,其实这个产品就需要有一个常见问题的论坛的链接。这个层次需要我们团队进一步地在交付,在每个迭代之前做进一步的梳理,细化成相应的用户故事。 这个是云智慧团队中,自己做的影响地图的范例,可以看下整个的层级结构。序号表示优先级。 那我们用户影响地图可以总结为:
-
41 个下载免费 3D 模型的最佳网站-使用说明:使用权限可能因型号而异。因此,在下载文件之前,请仔细检查每个下载页面上的许可证和使用权限。 17. Clara.io Clara.io 是一个创建 3D 内容的全球平台,也是一个培养新 3D 艺术家的社区。Clara.io 提供+100,000个免费的3D模型,包括OBJ,Blend,STL,FBX,DAE,Babylon.JS,Three.JS格式,用于 Clara.io,Unity 3D,Blender,Sketchup,Cinema 4D,3DS Max和Maya。 使用说明:免费,标准和专业帐户仅供个人使用,如果您需要将 clara.io 用于商业用途,请与销售团队联系。 18. 3DExport 3DExport是一个市场,您可以在其中购买和销售用于CG项目的3D模型,3D打印模型和纹理。它提供15 +不同的3D格式供下载,如3DS MAX(.max),Cinema4D(.c4d),Maya(.mb,.ma),Lightwave(.lwo),Softimage(.xsi),Wavefront OBJ(.obj),Autodesk FBX(.fbx)等。它还提供15种不同的语言! 使用说明:免费下载仅供个人和非商业用途。 19. 3D Warehouse 3D Warehouse是一个开放的库,允许用户共享和下载SketchUp 3D模型,用于建筑,设计,施工和娱乐!任何人都可以免费制作,修改和重新上传内容到3D仓库,您可以找到任何您能想到的东西,如家具,电子产品,室内产品等。 使用说明:3D Warehouse中的所有模型都是免费的,因此任何人都可以下载文件以用于SketchUp甚至其他软件,如AutoCAD,Revit和ArchiCAD。 20. CadNav.com CadNav是CGI平面设计师和CAD / CAM / CAE工程师的在线3D模型库,我们提供超过50000 +免费3D模型和CAD模型下载。在CadNav网站上,您可以下载高质量的多边形网格3D模型,3D CAD实体对象,纹理,Vray材料,3D作品,CAD图纸等。 使用说明:免费下载仅供个人和非商业用途。 21. All3dfree.net 就像网站名称一样,它提供免费的3D模型,还包括Vray材料,CAD块,2d和3d纹理集合,无需注册即可免费下载。它是不断更新的,因此您可以查找或请求3DS,MAX,C4D,skp,OBJ,FBX,MTL等格式的模型。 使用说明:所有资源均不允许用于商业用途,否则您将承担责任。 22. Hum3D 自2005年以来,Hum3D帮助来自3多个国家的80D艺术家节省3D建模时间,并制作逼真的3D模型,用于电影,视频游戏,AR应用程序和可视化。所有模型均由首席3D艺术家进行验证,他们检查其是否符合专业要求和最新的3D建模标准。 使用说明:免费下载仅供个人和非商业用途。 23. Artist-3D.com 艺术家-3D 库存的免费 3D 模型下载按通用类别排序。它为人体解剖学、汽车、家具、火箭、卫星等模型提供 AutoDesk 3DS Max 格式。您还可以在浏览他们的网站时找到教程和类似类型的建模。 使用说明:使用权限可能因型号而异。因此,在下载文件之前,请仔细检查每个下载页面上的许可证和使用权限。 24. Free the models 就像本网站的标题一样,它为3d应用程序和3d游戏引擎提供免费的内容模型。您可以为您的任何项目找到许多有趣且有用的模型!它提供3ds,wavefront,bryce,poser,lightwave,md2和unity3d格式的模型。还有一个很棒的纹理集合,可以在您最喜欢的建模和渲染程序中使用。 使用说明:您从这里下载的所有内容都可以免费使用,除非它不能包含在另一个免费的网络或CD收藏中,也不能单独出售。否则,您可以在商业游戏,3D应用程序或渲染作品中使用它。您不必提供信用,但如果您这样做,那就太好了。 25. Resources.blogscopia 本网站由一家名为Scopia的公司创建。他们制作3D图像和视频,您可以找到许多为CGI工作的信息架构设计的模型,所有这些都可以在现实生活中使用。您可以免费下载它们,但是,如果您想一次下载它们,您可以支付 3 到 9 欧元。 使用说明:您可以免费下载模型部分的所有文件。每个压缩文件都包含您也可以在此处找到的许可证。基本上,您可以对文件执行任何操作。唯一的限制是不归属于Scopia的重新分发。 26.ambientCG 1000+公共领域PBR材料适合所有人!环境CG是使用许多不同的方法和资产类型创建的,例如照片纹理(PBR),贴花(PBR),图集(PBR),照片纹理(普通),物质存档(SBSAR),雕刻画笔,3D模型和地形。您可以在所有项目中*使用它们! 使用说明:在 ambientCG 上提供下载的所有 PBR 材料、画笔、照片和 3D 模型均根据知识共享 CC0 1.0 通用许可提供。您可以复制、修改、分发和执行作品,即使是出于商业目的,也无需征得许可。信用将不胜感激。 不要满足于平庸的大理石纹理 - 立即使用我们的免费PBR大理石纹理升级您的3D设计。 27.Pixar One Twenty Eight 这是一个提供官方动画行业经典纹理的网站:皮克斯,创建于 1993 年,该纹理库包括 128 个重复纹理,现在免费提供。 它包含您来到的纹理,包括砖块和动物毛皮。肯定会有一些你可以使用的东西。 使用说明:皮克斯动画工作室的《Pixar One Twenty Eight》根据知识共享署名4.0国际许可协议进行许可。即使出于商业目的,您也可以重新混合、调整和构建您的作品,只要您以相同的条款对新创作进行信用和许可。 访问数以千计的免费纹理并提升您的设计游戏 - 立即开始下载! 28. 3DXO 即使有近 620 个免费贴纸可供下载,3DXO 也不是最大的资源,但它的内容非常有用,不需要注册。无论是简单的墙壁或地板,还是一些奇怪的小东西,您都需要的纹理都可以在此网站上看到。 使用说明:使用权限可能因型号而异。因此,在下载文件之前,请仔细检查每个下载页面上的许可证和使用权限。 29. 3DModelsCC0 3DModelsCC0 与其他产品的不同之处在于它包含超过 250+ 个高质量 3D 模型,并且本网站上的所有内容都是免费的,完全是公共领域!使用我们的模型时无需信用或归属! 使用说明:为每个人提供完全免费的公共领域内容。 30.Sketch up texture club Sketchup Texture Club是一个非营利性的教育和信息门户网站,由3D社区的图像促进协会管理,特别强调面向学生和建筑和室内设计专业人士的可视化和渲染技术,以及所有正在学习3D可视化的人。 使用说明:您无需支付版税或使用费。纹理可以免费下载和使用。不允许将纹理作为竞争产品出售或重新分发,即使图像被修改也是如此。 31. FlippedNormals FlippedNormal 是一个提供计算机图形和 3D 资产的市场,您可以找到许多用于雕刻、建模、纹理、概念艺术、3D 模型、游戏资产或课程的高级资产! 使用说明:使用权限可能因型号而异。因此,在下载文件之前,请仔细检查每个下载页面上的许可证和使用权限。 32. NASA 3D NASA 3D网站是一个在线门户,提供与太空和各种NASA任务相关的大量三维模型和模拟。该网站是用户友好的,并提供有关每个型号的详细信息。该网站允许用户探索和下载几种不同格式的模型,包括 OBJ、STL 和 FBX,只需单击下载按钮即可。 使用说明: 要下载模型,只需单击模型页面上的下载按钮并选择所需的格式。 33. 3DAGOGO (Astroprint) 3DAGOGO 是一个提供广泛 3D 模型的网站,包括角色、车辆和建筑物。3DAGOGO 的独特功能之一是它专注于适合 3D 打印的模型,使其成为希望创建物理原型或模型的设计师的绝佳资源。要使用 3DAGOGO,设计师只需在网站上搜索他们正在寻找的模型类型,然后下载 STL 格式的文件。 使用说明: 要使用 3DAGOGO,只需搜索所需的 3D 模型类型并下载 STL 格式的文件。根据需要自定义模型,并确保在将其用于商业目的之前检查使用权限。 34. FreeCAD FreeCAD是一款了不起的3D建模软件,可让您在计算机上创建令人难以置信的3D设计。该软件可免费下载和使用,它提供了广泛的工具和功能,可用于创建用于各种目的的3D模型。 该网站易于浏览,您可以找到开始使用FreeCAD的所有必要信息。此外,该网站还提供一系列教程和指南,可帮助您了解 3D 建模的来龙去脉。 使用说明: 要下载模型,请访问网站并从库中选择所需的模型。该网站还提供了一系列使用该软件的教程和指南。 35. Pinshape Pinshape是一个提供一系列3D打印模型的网站。网站上提供的型号质量很高,因此您可以确保您的最终印刷产品看起来很棒。该网站提供了广泛的模型,包括从家居用品到小雕像和珠宝的所有物品。 但这还不是Pinshape所能提供的全部!该网站还允许用户上传和共享自己的3D模型。这意味着您不仅可以下载出色的模型,还可以通过分享自己的设计为社区做出贡献。此外,Pinshape 提供了一系列自定义选项,因此您可以调整和调整模型以满足您的特定需求。 使用说明: 要下载模型,请在网站上创建一个帐户,搜索所需的模型,然后单击下载按钮。该网站还为每种型号提供了一系列定制选项。 36.Yeggi Yeggi 提供了大量免费的 3D 模型,您可以下载各种格式的模型,例如 STL、OBJ 和 FBX。该网站易于使用,您可以按关键字、类别或特定网站搜索模型。 Yeggi 对于任何寻找 3D 模型的人来说都是一个很好的资源。它提供了大量的模型集合,从日常物品到复杂的机械,以及介于两者之间的一切。该网站的收藏量在不断增长,每天都有新的型号增加。 使用说明: 要下载模型,请在网站上搜索所需的模型,然后单击下载按钮。该网站还提供指向托管模型的原始网站的链接。 37. Open3DModel 来自开放3D模型的图像 Open3DModel具有各种类别的模型,包括建筑,车辆和角色。无论您需要建筑物,汽车还是人的3D模型,都可以在此网站上找到。 该网站易于浏览,您可以按类别或关键字搜索模型。每个模型都附带预览图像和详细信息,例如文件格式、大小和多边形数量。此信息可以帮助您选择适合您需求的模型。 使用说明: 要下载模型,请访问网站,从库中选择所需的模型,然后单击下载按钮。 使用最好的 3D 资产管理工具简化您的 3D 制作流程。立即试用它们,将您的 3D 项目提升到一个新的水平! 38. 3DExport 对于那些为其 3D 设计项目寻找 3D 模型、纹理和其他资源的人来说,该平台是一个很好的资源。该网站有大量模型可供选择,包括 3D 打印对象、游戏资产等。用户可以按类别、文件格式或价格范围浏览,以找到适合其项目的完美资源。此外,3DExport 还提供一系列教程和其他 3D 资源,以帮助用户提高技能并创建更令人印象深刻的设计。 使用说明: 要使用 3DExport,只需创建一个帐户并浏览可用型号。您可以按类别、格式和价格进行搜索,以找到所需的型号。找到喜欢的模型后,只需下载它并开始在您的项目中使用它。 39.Blend Swap Blend Swap是一个社区驱动的市场,提供与Blender软件兼容的各种免费3D模型。该平台允许用户共享和下载模型、纹理和其他资产,以便在他们的项目中使用。 使用说明: 创建免费帐户后,您可以浏览社区上传的大量3D模型。当您找到要使用的一个时,只需下载它并将其导入您选择的 3D 软件即可。 40. 3DShook 3DShook 是一个高级 3D 模型市场,提供一系列用于建筑、游戏等各个行业的高质量模型。该平台提供基于订阅的模型,具有不同的定价计划,允许用户访问一系列模型。 使用说明: 注册免费帐户后,只需浏览3D模型库,选择您喜欢的模型,然后以您需要的格式下载它们。 41. Smithsonian X 3D 史密森尼 X 3D 对于正在寻找历史文物和文物的高质量 3D 模型的设计师来说,这是一个独特的资源。该平台提供了大量3D模型,这些模型是根据史密森尼博物馆和研究中心中的真实物体扫描创建的。 使用说明: