day3

简介: 笔记

Application:启动的入口函数
common:一般就是存放公共的类或者常量,或者枚举值
config:装载或者是数据库的配置,我们都会放在config下面, webAPPconfig是对我们的静态资源,比如说css、js还有一些图片,做了一个映射,比如说static,然后我们把它映射到classpath:/static目录下。
Controller:我们接收外部的请求,比如参数校验,之后通过接口调用或得到的数据返回给前端
Service:把不同的请求,不同的服务把它抽象成一个service,本项目有两个service,也可以认为是两个模块。
Utils:存放公共的类或者工具函数。可以获取图片、获取分类,通过分类以及标签获取图片,通过分类获取图片列表以及上传文件。
在上传文件函数需要完成一个上传,把上传的文件保存到文件当中,需要调用两个识别的函数,表情识别,场景识别。
另外需要注意一下,通过multipartFile获取的是一个文件的输入流,输入流的话它只能读取一次,然后如果要重复读的话就会是空。 所以我们把它转化成一个ByteArrayInputStream流,然后我们在每次用完之后,我们可以把它进行一个reset(),之后可以把流保存在我们的内存当中,一般不推荐使用这种方式,因为如果图片的比较大的话,可能会占用太多的内存空间。此外由于我们上传的图片可能会有重名,为了避免重名,我们对这个图片的input的流,我们给它求一个md5值作为文件名。ResourceService是一个资源的管理器,先来看两个函数,Postconstruct注解,我们会先去执行这个函数,取出保存在本地的数组并且加载到内存中去。 PreDestroy注解,在销毁对象的时候,把这些数据保存到本地文件,也就是说保存在这个data上面,有一个 data.json数据,来看一下整个的数据存储的结构。
vue-gallery,实现自定义的标签名,之后定义了一个属性:photos。photos从后台去取回数据,之后把它渲染到前端的html页面当中。由于我们这是一个组件,它会有对应的自己一个模板,这个就是我们整个的模板部分,之后对它进行背景图片的处理,然后以及一些事件的定义。
vue,它的整个是一个事件的数据流,通过数据的不同的变化,然后我们就可以去触发它的渲染,比如上传一张图片,它是可以对应不同的组件进行交互,利用不同的标签,事件来驱动数据的变化。

相关文章
|
12月前
|
云安全 人工智能 自然语言处理
产业升级丨负责任的 AI,从 AI 治理和安全能力构建开始
未来,在 AI 与人类和谐共生的世界里,AI 不仅是强大的工具,更是负责任的伙伴。
|
2月前
|
前端开发 JavaScript 定位技术
支持省市区县乡镇村GeoJSON 在线预览编辑下载器开源:一个纯前端实现的拆解
这是一个纯前端、零依赖的GeoJSON轻量预览编辑器,支持本地打开、WGS84坐标渲染、要素查看/编辑,并可导出为GeoJSON/KML/SVG/CSV/PNG。数据不上传,双击index.html即用,开箱即用,适合快速验图、格式转换与二次集成。
|
5月前
|
人工智能 API 开发工具
20 个神级 AI 编程扩展,爽爆了!
大家好,我是程序员鱼皮。给大家分享一些我自己在用的 AI 编程扩展,帮你大幅提高 AI 编程效率和代码质量。 万字长文 + 100 多张图,绝对干货!点个收藏,让我们开始吧 本文已收录到 鱼皮 AI 导航的《免费 Vibe Coding 教程》 中,可以在这里免费获取更多 AI 资源。 一、MCP 服务器类 MCP 的全称是 Model Context Protocol 模型上下文协议。简单来说,
289 0
20 个神级 AI 编程扩展,爽爆了!
|
前端开发 测试技术 持续交付
云效平台介绍
云效,创立于2012年,是由阿里巴巴出品,是业内领先的面向企业的一站式研发效能平台,以提升研发效能为目标,通过线上化,透明化和自动化打通产品质量闭环,真正实现了持续集成持续交付。
10778 14
|
人工智能 运维 Kubernetes
技术人的知识输出利器:一套高质量知乎回答生成指令模板
本文提供一套系统化知乎高赞回答生成模板,结合AI工具(如DeepSeek、通义千问),助力技术人高效输出高质量内容。涵盖结构框架、质量检查、实战示例与合规建议,提升表达清晰度与内容价值,适用于经验分享、技术科普等多种场景,实现知识输出的标准化与高效化。
1371 4
|
8月前
|
自然语言处理 前端开发 安全
【CSS】CSS所有选择器的用法及示例(完整版)
本文系统梳理CSS全部6类选择器:基础(元素、类、ID)、组合(后代、子代、兄弟等)、属性(含起始/结尾/包含匹配)、伪类(动态、结构、表单、否定等)、伪元素(::before/after等)及其他(通配符、:root、:lang)。附详细示例与说明,帮助大家全面掌握选择器用法。
|
8月前
|
API Python
别急着按X键:用两行代码清空Blender场景,比手动操作更上瘾
本教程带你用Python脚本替代Blender手动操作:两行代码即可清空默认场景,再扩展实现批量删除、精准筛选与自动重建。从控制台试运行到编写可复用脚本,详解常见报错(如NameError、context错误)及解决方法,助你迈出自动化3D创作第一步。(239字)
591 1
|
11月前
|
运维 小程序 前端开发
小程序后端云部署实践
本文介绍基于云开发与Serverless的小程序后端云部署实践,涵盖架构设计、用户认证、文件存储、实时通信、运维监控及模板复用,实现免运维、弹性扩容、低成本的高效落地方案,助力小程序快速迭代与规模化发展。(238字)
844 1
|
监控 Java 数据库连接
《深入理解Spring》事务管理——数据一致性的守护者
Spring事务管理确保数据一致性,支持声明式与编程式两种方式。通过@Transactional注解简化配置,提供传播行为、隔离级别、回滚规则等灵活控制,结合ACID特性保障业务逻辑可靠执行。
|
监控 NoSQL PHP
高并发手机直播系统:从直播架构设计开发到搭建部署上线
本文深入剖析高并发直播系统全链路架构与实战:涵盖需求分析、微服务设计、移动端优化、PHP后台性能提升、CentOS环境调优、CDN加速及运维监控,助力打造稳定、低延迟、可扩展的直播平台。