前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[JSON Web TokensJWT在N...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Element-UI
...款基于Vue.js的Web应用UI组件库,提供了丰富的用户界面组件,方便开发者快速构建美观且功能完善的Web应用。ElementUI拥有详细的文档和大量的示例代码,能够帮助开发者高效地集成和使用各种UI组件。在本文中,ElementUI被用来实现页面上的折叠效果,通过简单的代码即可完成复杂的用户交互设计。 v-model , 这是Vue.js中的一个语法糖,用于在表单输入元素(如文本框、复选框等)和组件之间创建双向数据绑定。通过v-model,Vue可以自动同步数据模型和视图之间的值,使得开发者无需手动编写事件处理器来更新数据。在本文中,v-model被用来动态控制Collapse折叠组件的展开和收起状态,允许用户通过点击按钮等方式改变折叠项的状态。
2024-10-29 15:57:21
76
心灵驿站
转载文章
...需要插件的丰富性网络应用服务(Plug-in-Based Rich Internet Application,RIA),例如:AdobeFlash、Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效加强网络应用的标准集。HTML5是HTML最新版本,2014年10月由万维网联盟(W3C)完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求 HTML5现状及浏览器支持 大部分主流浏览器已经支持HTML5,但是各个浏览器支持的方式以及语法有所差异性。支持Html5的浏览器包括Firefox(火狐浏览器),IE9 及其更高版本,Chrome(谷歌浏览器),Safari,Opera等现代浏览器。 HTML5优点与缺点 优点 1、网络标准统一、HTML5本身是由W3C推荐出来的。 2、多设备、跨平台 3、即时更新。 4、提高可用性和改进用户的友好体验; 5、有几个新的标签,这将有助于开发人员定义重要的内容; 6、可以给站点带来更多的多媒体元素(视频和音频); 7、可以很好的替代Flash和Silverlight; 8、涉及到网站的抓取和索引的时候,对于SEO很友好; 9、被大量应用于移动应用程序和游戏。 缺点 a)、安全:像之前Firefox4的web socket和透明代理的实现存在严重的安全问题,同时web storage、web socket 这样的功能很容易被黑客利用,来盗取用户的信息和资料。 b)、完善性:许多特性各浏览器的支持程度也不一样。 c)、技术门槛:HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,像web worker、web socket、web storage 等新特性,后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战 d)、性能:某些平台上的引擎问题导致HTML5性能低下。 e)、浏览器兼容性:最大缺点,IE9以下浏览器几乎全军覆没。 详细了解HTML5概要与新增标签地址(大神果哥):https://www.cnblogs.com/best/p/6096476.html posted @ 2018-08-12 12:45 韦邦杠 阅读(...) 评论(...) 编辑 收藏 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_42981419/article/details/86162058。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-14 16:22:34
272
转载
Mongo
...布式数据库系统,广泛应用于现代Web应用程序中。它以JSON风格的文档形式存储数据,支持灵活的数据模型,具备高可用性、水平扩展能力和丰富的查询语言。在本文中,MongoDB的日志文件格式不兼容问题指的是由于版本升级或配置变化导致的日志文件结构变化,从而影响原有日志解析脚本的正常运行。 日志文件 , 日志文件是记录软件系统运行过程中所发生事件的文件,通常用于追踪错误、调试问题以及监控系统性能。MongoDB的日志文件主要包括操作日志(oplog)和常规日志(mongod.log),前者用于记录副本集成员间的数据同步过程,后者则记录服务器启动、关闭及各种操作的结果。在本文中,日志文件格式不兼容问题特指MongoDB不同版本间日志文件结构变化引发的解析脚本失效现象。 操作日志(oplog) , 操作日志(oplog)是MongoDB中的一种特殊日志文件,专门用于存储副本集成员之间进行数据同步所需的操作记录。oplog包含插入、更新和删除等操作信息,确保每个副本集成员的数据一致性。在本文中,oplog格式不兼容问题是指由于MongoDB版本升级导致的oplog结构变化,进而影响依赖于特定格式的监控和管理工具的功能。
2024-11-21 15:43:58
82
人生如戏
Kibana
...ticsearch的API来验证其状态。 shell $ curl -X GET 'http://localhost:9200' 如果返回结果包含"status": 200,说明Elasticsearch运行正常;否则,请检查Elasticsearch日志以找到可能存在的问题。 2.3 资源不足 Kibana在启动过程中可能因为内存不足等原因导致服务器内部错误。检查主机的系统资源状况,包括内存、磁盘空间等。必要时,可以通过增加JVM堆大小来缓解内存压力: yaml kibana.yml server.heap.size: 4g 根据实际情况调整 2.4 Kibana版本与Elasticsearch版本兼容性 不同版本的Kibana和Elasticsearch之间可能存在兼容性问题。记得啊,伙计,在使用Kibana的时候,一定要让它和Elasticsearch的版本“门当户对”。你要是不清楚它们两个该配哪个版本,就翻翻Elastic官方文档里那个兼容性对照表,一切答案就在那里揭晓啦! 2.5 日志分析 在面对上述常见情况排查后仍未能解决问题时,查阅Kibana的logs目录下的错误日志是至关重要的一步。这些详细的错误信息往往能直接揭示问题所在。 shell $ tail -f /path/to/kibana/logs/kibana.log 3. 解决方案与实践经验 经过一系列的排查和理解,我们应该能找到引发“服务器内部错误”的根源。当你遇到具体问题时,就得对症下药,灵活应对。比如说,有时候你可能需要调整一下配置文件,把它“修正”好;有时候呢,就像重启电脑能解决不少小毛病一样,你也可以选择重启相关的服务;再比如,如果软件版本出了问题,那咱就考虑给它来个升级或者降级的操作;当然啦,优化系统资源也是必不可少的一招,让整个系统跑得更加流畅、顺滑。 总结来说,面对Kibana无法启动并报出“服务器内部错误”,我们要有耐心和细致入微的排查精神,就如同侦探破案一样,层层剥茧,找出那个隐藏在深处的“罪魁祸首”。同时,也千万记得要充分运用咱们的社区、查阅各种文档资料,还有那个无所不能的搜索引擎。很多前人总结的经验心得,或者是现成的问题解决方案,都可能成为帮我们破译问题谜团的那把金钥匙呢!
2023-11-01 23:24:34
339
百转千回
Sqoop
...、服务化和REST API驱动的方向演进。相较于Sqoop 1.x系列,Sqoop 2着重提升了扩展性和易用性,通过引入插件架构支持更多类型的数据源,并提供Web UI以简化任务管理和监控。 此外,随着Hadoop生态系统中其他组件如Spark、Flink等的发展,Sqoop也面临新的挑战和机遇。例如,许多用户开始探讨如何结合Spark SQL或Flink CDC等新型数据集成解决方案替代传统的Sqoop作业,实现更高效、实时的数据同步。因此,在实际应用中,除了关注Sqoop本身的版本更新,还需结合大数据整体技术栈发展趋势,适时评估和选择最适合自身业务需求的数据迁移工具及方案。 同时,对于企业用户而言,掌握不同版本Sqoop的安全更新与修复补丁情况也至关重要。及时跟进官方发布的安全公告,确保使用的Sqoop版本不存在已知的安全漏洞,可以有效保障大规模数据迁移过程中的数据安全与隐私保护。 总之,Sqoop作为大数据领域的重要工具,其版本管理与功能演进值得广大技术人员持续关注和学习,以便更好地适应快速发展的大数据处理环境,提升数据流转效率和安全性。
2023-06-29 20:15:34
63
星河万里
转载文章
...以理解为一个轻量级的应用框架。 2.特性 易学易用,仅有 6 个 api,对 redux 用户尤其友好,配合 umi 使用后更是降低为 0 API elm 概念,通过 reducers, effects 和 subscriptions 组织 model 插件机制,比如 dva-loading 可以自动处理 loading 状态,不用一遍遍地写 showLoading 和 hideLoading 支持 HMR,基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR 二、umijs 开源地址:https://umijs.org/ 1.umi umi是一个基于路由的框架,支持next.js类似的传统路由和各种高级路由功能,例如路由级按需加载。凭借涵盖从源代码到构建产品的每个生命周期的完整插件系统,umi能够支持各种功能扩展和业务需求。目前,umi在社区和公司内部拥有近50多个插件。 umi是Ant Financial的基本前端框架,直接或间接地为600多个应用程序提供服务,包括Java,节点,移动应用程序,混合应用程序,纯前端资产应用程序,CMS应用程序等。umi为我们的内部用户提供了很好的服务,我们希望它能够很好地为外部用户服务。 2.功能 ? 开箱即用,内置支持反应,反应路由器等。 ?Next.js 喜欢和全功能的路由约定,它也支持配置的路由 ? 完整的插件系统,涵盖从源代码到生产的每个生命周期 ? 高性能,通过插件支持PWA,路由级代码分割等 ? 支持静态导出,适应各种环境,如控制台应用程序,移动应用程序,鸡蛋,支付宝钱包等 ? 快速启动启动,支持使用config 启用dll和hard-source-webpack-plugin ? 与IE9兼容,基于umi-plugin-polyfills ? 支持TypeScript,包括d.ts定义和umi test ? 与深度集成DVA,支持鸭子目录,模型的自动加载,代码分裂等 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_32447301/article/details/93423515。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-06 14:19:32
316
转载
Tomcat
...个轻巧灵活的Java应用服务器小能手,它诞生于Apache Jakarta项目家族,内核构建基于Servlet规范和JSP规范这两块基石。这家伙最大的特点就是简单好上手、运行速度快稳如老狗,而且开源免费!深受广大中小型企业的喜爱,它们在进行Web开发和部署时,可没少请Tomcat出马帮忙。不过呢,虽然Tomcat这款应用服务器确实是顶呱呱的好用,但你要是不小心忽略了某些安全要点,它可就有可能被黑客小哥给盯上,成为他们眼中的“香饽饽”了。因此,我们需要了解一些防范措施,以保证我们的网站安全无虞。 接下来,我们来看看如何防止跨站脚本攻击(XSS)。XSS攻击,这可是网络安全界的一大“捣蛋鬼”。想象一下,坏人会在一些网站里偷偷塞进些恶意的小剧本。当咱们用户毫不知情地浏览这些网站时,那些小剧本就自动开演了,趁机把咱们的数据顺走,甚至可能连账号都给黑掉,引发各种让人头疼的安全问题。那么,我们应该如何防止这种攻击呢? 一种方法是使用HTTP-only cookie。当我们设置cookie时,我们可以指定是否允许JavaScript访问这个cookie。如果我们将此选项设为true,则JavaScript将不能读取这个cookie,从而避免了XSS攻击。例如: css Cookie = "name=value; HttpOnly" 另一种方法是在服务器端过滤所有的输入数据。这种方法可以确保用户输入的数据不会被恶意脚本篡改。比如,假如我们手头有个登录页面,那我们就能瞅瞅用户输入的用户名和密码对不对劲儿。要是发现不太对,咱就直接把这次请求给拒了,同时还得告诉他们哪里出了岔子,返回一个错误消息提醒一下。例如: php-template if (username != "admin" || password != "password") { return false; } 最后,我们还需要定期更新Tomcat和其他软件的安全补丁,以及使用最新的安全技术和工具,以提高我们的防御能力。另外,咱们还可以用上一些防火墙和入侵检测系统,就像给咱的网络装上电子眼和防护盾一样,实时留意着流量动态,一旦发现有啥不对劲的行为,就能立马出手拦截,确保安全无虞。 当然,除了上述方法外,还有很多其他的方法可以防止跨站脚本攻击(XSS),比如使用验证码、限制用户提交的内容类型等等。这些都是值得我们深入研究和实践的技术。 总的来说,防止访问网站时出现的安全性问题,如跨站脚本攻击(XSS)或SQL注入,是一项非常重要的任务。作为开发小哥/小姐姐,咱们得时刻瞪大眼睛,绷紧神经,不断提升咱的安全防护意识和技术能力。这样一来,才能保证我们的网站能够安安稳稳、健健康康地运行,不给任何安全隐患留空子钻。只有这样,我们才能赢得用户的信任和支持,实现我们的业务目标。"
2023-08-10 14:14:15
282
初心未变-t
.net
...一个由微软公司开发的应用程序框架,它提供了一个跨语言的开发和执行环境,支持多种编程语言(如C、Visual Basic等),旨在简化开发过程并提高代码复用率。在.NET框架中,开发者可以利用其内置的功能集和API工具箱构建Windows桌面应用、Web应用、移动应用以及云服务等各种类型的应用程序。 Visual Basic , Visual Basic(VB)是一种基于.NET框架的可视化编程语言,以其易于学习和使用的特性而受到初学者及快速原型开发者的青睐。该语言提供了丰富的可视化控件和拖拽式编程界面,使得开发者能够高效地创建GUI(图形用户界面)应用程序。尽管在性能上可能略逊于C,但Visual Basic通过事件驱动编程模型和简单直观的语法降低了软件开发的学习门槛,并广泛应用于小型桌面应用、教育领域以及简单的业务系统开发。
2023-07-31 15:48:21
567
幽谷听泉-t
转载文章
...行恶意代码,说明了在Web应用程序开发中,若对数据库操作不当,可能导致严重的安全问题。
2024-01-06 09:10:40
343
转载
转载文章
...与趋势。近年来,随着Web技术的快速发展,lightbox效果已经不再局限于图片展示,而是向着更加丰富多元的内容交互体验方向演进。 例如,Fancybox是一款同样广受欢迎的jQuery插件,它不仅支持图片、视频和iframe等基本功能,而且紧跟现代Web设计潮流,提供了响应式布局和触摸设备友好的操作体验。近期,Fancybox 4版本发布,引入了模块化设计,使得开发者可以根据项目需求灵活选择加载不同的功能模块,进一步提升了性能与定制性。 此外,随着Web Components和Shadow DOM等原生Web API的普及,越来越多的轻量级、高性能且易于维护的lightbox解决方案涌现出来。如Pirobox、Magnific Popup等插件也在不断更新迭代,以满足开发者对于高效内容展示的需求。 同时,为了适应移动优先和无障碍访问的趋势,新一代的lightbox插件普遍注重提升用户体验,比如优化加载速度、提供更自然的过渡动画以及确保对键盘导航和屏幕阅读器的良好支持。 总的来说,在充分利用prettyPhoto打造个性化相册和多媒体展示的同时,关注业界前沿技术和相关工具的发展,有助于我们在实际项目中更好地实现创新和优化,为用户提供更为出色、便捷的浏览体验。
2024-01-14 22:09:23
279
转载
SeaTunnel
...证书的文件,用于存储应用程序的身份信息;而Truststore则是一个包含受信任的证书或者证书颁发机构列表的文件,用以验证远程服务器的身份。在配置SeaTunnel的SSL/TLS加密连接时,需要根据实际情况生成并配置这两个文件,其中Keystore通常用于存储客户端或服务器自身的身份凭证,Truststore则用于存储可信赖的第三方证书,以实现双方之间的相互认证和数据加密传输。
2024-01-10 13:11:43
170
彩虹之上
SpringCloud
...Mapping("/api") String callApi(); } 如果name值与提供者应用名称不匹配,或者url配置有误,也可能导致服务匹配异常。 3. 解决方案与防范措施 针对上述原因,我们可以采取以下措施: 1. 确保服务提供者的注册与发现功能启用且配置无误。 2. 在发布新版本服务时,同步更新消费者对服务版本的引用。 3. 定期监控服务中心,确保服务实例健康在线,及时处理异常实例。 4. 仔细检查并校验消费者服务引用的相关配置。 总结来说,面对SpringCloud环境下服务提供者与消费者无法匹配的异常问题,我们需要结合具体场景,深究背后的原因,通过对症下药的方式逐一排查并解决问题。同时呢,咱们也得时刻惦记着对微服务架构整体格局的把握,还有对其背后隐藏的那些玄机的深刻理解,这样一来,才能更好地对付未来可能出现的各种技术难题,就像是个身经百战的老兵一样。
2023-02-03 17:24:44
128
春暖花开
Apache Atlas
...据资产。 REST API , REST(Representational State Transfer)API是一种基于HTTP协议的应用程序编程接口设计风格,允许软件应用通过标准HTTP方法(如GET、POST、PUT、DELETE等)与服务器进行交互,以获取或修改资源状态。在本文中,Apache Atlas的REST API是开发者与Atlas服务之间进行通信的关键桥梁,通过发送JSON格式的数据来创建、读取、更新和删除Atlas中的实体对象。 元数据 , 元数据是对数据的数据,即关于数据的信息。在大数据环境中,元数据可以描述数据集的结构、来源、所有权、生命周期、安全性要求等多种属性。例如,在Apache Atlas中,一个Hive表的元数据可能包括表名、列名、表的创建时间、所属数据库、表的所有者以及表的权限信息等,这些信息有助于用户理解和管理实际的数据内容。 实体模型 , 在Apache Atlas中,实体模型是用来描述和管理不同类型的业务对象或IT组件的抽象框架。每个实体类型都有特定的一组属性和关系,比如Hive表实体类型就包含了名称、描述、所属数据库等属性。实体模型允许用户根据实际业务需求定义和扩展不同的实体类型,并通过实体之间的关联关系构建出丰富的元数据图谱。 访问控制列表(ACL) , 访问控制列表是一种安全机制,用于指定哪些用户或角色有权访问特定的系统资源或执行特定的操作。在Apache Atlas中,ACL用于管理用户的权限,确保只有具备足够权限的用户才能成功地执行诸如创建实体之类的操作。通过调整和配置ACL,管理员可以精细地控制各个用户或角色在Atlas平台上的操作权限,从而保障系统的安全性和数据的完整性。
2023-06-25 23:23:07
561
彩虹之上
HessianRPC
...对象序列化为XML或JSON格式,通过HTTP进行传输。其特点是序列化和反序列化速度快,适合对性能要求较高的场景。 1.2 HessianRPC的工作原理 HessianRPC的核心是HessianSerializer,它负责对象的序列化和反序列化。你在手机APP上点击那个神奇的“调用”按钮,它就像个小能手一样,瞬间通过网络把你的请求打包成一个小包裹,然后嗖的一下发送给服务器。服务器收到后,就像拆快递一样迅速处理那些方法,搞定一切后又会给客户端回复反馈,整个过程悄无声息又高效极了。 三、连接池的重要性 2.1 连接池的定义 连接池是一种复用资源的技术,用于管理和维护一个预先创建好的连接集合,当有新的请求时,从连接池中获取,使用完毕后归还,避免频繁创建和销毁连接带来的性能损耗。 2.2 连接池在HessianRPC中的作用 对于HessianRPC,连接池可以显著减少网络开销,特别是在高并发场景下,避免了频繁的TCP三次握手,提高了响应速度。不过嘛,我们要琢磨的是怎么恰当地摆弄那个连接池,别整得太过了反而浪费资源,这是接下来的头等大事。 四、连接池优化策略 3.1 连接池大小设置 - 理论上,连接池大小应根据系统的最大并发请求量来设定。要是设置得不够给力,咱们的新链接就可能像赶集似的不断涌现,让服务器压力山大;可要是设置得太过豪放,又会像个大胃王一样猛吞内存,资源紧张啊。 - 示例代码: java HessianProxyFactory factory = new HessianProxyFactory(); factory.setConnectionPoolSize(100); // 设置连接池大小为100 MyService service = (MyService) factory.create("http://example.com/api"); 3.2 连接超时和重试策略 - 针对网络不稳定的情况,我们需要设置合理的连接超时时间,并在超时后尝试重试。 - 示例代码: java factory.setConnectTimeout(5000); // 设置连接超时时间为5秒 factory.setRetryCount(3); // 设置最多重试次数为3次 3.3 连接池维护 - 定期检查连接池的状态,清理无用连接,防止连接老化导致性能下降。 - 示例代码(使用Apache HttpClient的PoolingHttpClientConnectionManager): java CloseableHttpClient httpClient = HttpClients.custom() .setConnectionManager(new PoolingHttpClientConnectionManager()) .build(); 五、连接池优化实践与反思 4.1 实践案例 在实际项目中,我们可以通过监控系统的连接数、请求成功率等指标,结合业务场景调整连接池参数。例如,根据负载均衡器的流量数据动态调整连接池大小。 4.2 思考与挑战 尽管连接池优化有助于提高性能,但过度优化也可能带来复杂性。你知道吗,我们总是在找寻那个奇妙的平衡点,就是在提升功能强大度的同时,还能让代码像诗一样简洁,易读又易修,这事儿挺有意思的,对吧? 六、结论 HessianRPC的连接池优化是一个持续的过程,需要根据具体环境和需求进行动态调整。要想真正摸透它的运作机制,还得把你实践经验的那套和实时监控的数据结合起来,这样咱才能找出那个最对路的项目优化妙招,懂吧?记住,优化不是目的,提升用户体验才是关键。希望这篇文章能帮助你更好地理解和应用HessianRPC连接池优化技术。
2024-03-31 10:36:28
503
寂静森林
Nginx
... 1. 引言 在现代Web开发领域,前后端分离架构因其高效率、易维护等优点而备受推崇。在实际动手操作的时候,尤其是当我们用上了Docker这个容器化技术,并且还把Nginx当作反向代理服务器使唤起来的时候,咱们可能会碰上一个头疼的问题——打开前端页面,却发现白茫茫一片啥也没有。这无疑给开发者带来了困扰,如同迷失在迷宫中寻找出路。今天,让我们一起深入探讨这个问题,揭开其神秘面纱,找到切实可行的解决方案。 2. 现象与问题分析 当我们在Docker环境下使用Nginx服务部署前后端分离项目时,可能遇到前端页面加载不出来,显示为空白的情况。这是因为Nginx配置不当导致无法正确地将请求转发至后端API和前端静态资源。就好比一位快递员接收到包裹,却不知道正确的投递地址一样。 3. Nginx基础配置理解 首先,我们需要对Nginx的基本配置有所理解。在Nginx中,每个server块可以视为一个独立的服务,它通过监听特定的端口接收并处理HTTP请求: nginx server { listen 80; server_name yourdomain.com; 这里是我们需要重点关注的地方,用于定义如何处理不同类型的请求 } 4. 配置Nginx实现前后端分离 假设我们的前端应用构建后的静态文件存放在/usr/share/nginx/html,而后端API运行在一个名为backend的Docker容器上,暴露了8080端口。这时,我们需要配置Nginx来分别处理静态资源请求和API请求: nginx server { listen 80; server_name yourdomain.com; 处理前端静态资源请求 location / { root /usr/share/nginx/html; 前端静态文件目录 index index.html; 默认首页文件 try_files $uri $uri/ /index.html; 当请求的文件不存在时,返回到首页 } 转发后端API请求 location /api { proxy_pass http://backend:8080; 将/api开头的请求转发至backend容器的8080端口 include /etc/nginx/proxy_params; 可以包含一些通用的代理设置,如proxy_set_header等 } } 这个配置的核心在于location指令,它帮助Nginx根据URL路径匹配不同的处理规则。嘿,你知道吗?现在前端那些静态资源啊,比如图片、CSS样式表什么的,都不再从网络上请求了,直接从咱本地电脑的文件系统里调用,超级快!而只要是请求地址以"/api"打头的,就更有趣了,它们会像接力赛一样被巧妙地传递到后端服务器那边去处理。这样既省时又高效,是不是很酷嘞? 5. Docker环境下的实践思考 在Docker环境中,我们还需要确保Nginx服务能正确地发现后端服务。这通常就像是在Docker Compose或者Kubernetes这些牛哄哄的编排工具里“捯饬”一下,让网络配置变得合理起来。比如,咱们可以先把Nginx和后端服务放在同一个“小区”(也就是网络环境)里,然后告诉Nginx:“嘿,老兄,你只需要通过那个叫做backend的门牌号,就能轻松找到你的后端小伙伴啦!”这样的操作,就实现了Nginx对后端服务的访问。 6. 结语 通过以上讨论,我们已成功揭示了在Nginx+Docker部署前后端分离项目中访问空白问题的本质,并给出了解决方案。其实,每一次操作就像是亲手搭建一座小桥,把客户端和服务器两端的信息通道给连通起来,让它们能够顺畅地“对话”。只有当我们把每个环节都搞得明明白白,像那些身经百战的建筑大师一样洞若观火,才能顺顺利利解决各种部署上的“拦路虎”,确保用户享受到既稳定又高效的线上服务体验。所以,无论啥时候在哪个地儿,碰见技术难题了,咱们都得揣着那股子热乎劲儿和胆量去积极探寻解决之道。为啥呢?因为解决问题这档子事啊,其实就是咱自我成长的一个过程嘛!
2023-07-29 10:16:00
55
时光倒流_
MyBatis
...L 8.0引入了新的JSON功能和窗口函数,使得在处理复杂关联查询时能更高效地获取所需数据,从而减轻应用程序层面的延迟加载压力。 综上所述,尽管MyBatis的延迟加载功能为开发者提供了便捷高效的手段,但在实际项目中,还需要结合最新的数据库技术动态以及具体的业务场景,灵活运用多种优化策略以达到最佳的数据访问效率。
2023-07-28 22:08:31
122
夜色朦胧_
转载文章
...场景管理类,能偶根据Json文件生成场景物体,保存了实体预制体,还拥有一个静态List和静态方法用于运行时向场景中添加新实体 InteractionMI 用于处理单个实体无法处理或不属于单个实体的逻辑,包括: 幽灵追踪主角时获取角色位置 帮助实体初始化定时器组件 减速陷阱是否可以回复主角速度 主角与灯、宝箱、武器的交互 DamageMI 包含静态方法Damage()专门用于处理伤害逻辑,方便后续服务器验证等逻辑 逻辑实现 主角 Protagonist类用于处理主角相关逻辑 受击逻辑 当主角不处于无敌状态,播放受击动画,扣除血量并进入无敌状态,定时器定时一秒后关闭无敌状态 交互逻辑 用户输入交互信号后,交由InteractionMI判断交互是否成功,返回交互信息,主角播放对应动画 武器逻辑 当主角获得武器后,主角身上保存武器的引用,与武器交互直接调用武器的对应方法(Drop(),Fire()) 结算逻辑 当主角HP小于等于0时,调用Scene的静态方法,请求场景结算 怪物 石像鬼 血量无限,没有受击逻辑,当检测组件检测到主角时,调用继承的Attack方法,攻击主角 幽灵 三种状态:die、patrol,chase 死亡状态下三秒后会在第一个导航点复活 巡逻状态下检测到主角会调用继承的Attack方法攻击主角 追逐状态下会每帧获得主角位置追逐主角 其他场景物品 灯光 初始化时添加计时器用于控制自动开关,用户交互后重置计时器 开启时使用一个锥形的检测器检测幽灵是否在范围内,如果在调用Damage对幽灵造成伤害 存在一个Box Collider,当玩家进入时,调用InteractionMI的方法,将InteractionMI保存的静态SwitchableLight引用置为自己,当玩家交互时这个引用不为null,则调用这个引用的SwitchableLight的ChangeLight方法完成开关灯的交互 减速陷阱 当玩家进入时,调用InteractionMI的方法,使其内置的静态_slowDownCount计数加一,并调用玩家的SetSpeedRatio方法使玩家减速 当玩家离开,设置计时器5秒后调用InteractionMI的方法,使其内置的静态_slowDownCount计数减一,当计数为零时才可以调用玩家的SetSpeedRatio方法使玩家回复正常速度 地刺陷阱 初始化时设置计时器,每三秒改变一次状态,当玩家进入,设置计时器每一秒对玩家造成一次伤害,当玩家离开,取消计时器 宝箱 内置public GameObject GWeapon;用于保存要生成的枪的预制体 当玩家第一次与宝箱交互,播放开宝箱动画,设置计时器1.2秒后根据预制体克隆一个武器,并将武器通过Scene的静态方法加入到Scene维护的SceneObject列表中,自身保存新生成的武器的引用 当武器生成后玩家再与宝箱交互则通过InteractionMI的方法将武器父节点设为玩家,玩家获得武器的引用,自身武器引用置为null 武器 内置private Transform _parent = null;用于保存父物体 Drop方法被调用时,若父物体不为空,设置自身刚体属性,设置速度使武器有抛出效果,设置计时器1秒后恢复到没有物理效果的状态,父物体置为空 Fire方法被调用,若能够开火,则生成并初始化一个子弹,生成时将保存的父物体的Transform给子弹,保证子弹能够向角色前方发射,开火后设置开火状态为不能开火,设置计时器0.5秒后恢复开火状态 当父物体信息为空,与其他交互逻辑类似,通过InteractionMI完成武器捡起的交互逻辑 子弹 初始化时设置初速度,启动定时器1秒后若没有销毁则自动销毁,若碰撞到幽灵,对幽灵造成伤害,其他碰撞销毁自己 本篇文章为转载内容。原文链接:https://blog.csdn.net/Zireael2019/article/details/126690910。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-03-11 12:57:03
768
转载
Beego
...TPS配置错误:证书验证失败 一、引言 初识SSL/TLS与HTTPS 大家好!今天我们要聊的是一个在开发过程中经常遇到的问题——SSL/TLS证书问题以及HTTPS配置错误导致的证书验证失败。这个问题不仅让网站的安全性和用户体验大打折扣,还经常搞得开发者们焦头烂额。特别是当你使用Beego框架时,这个问题可能会更加复杂。 首先,让我们来简单了解一下SSL/TLS证书是什么。SSL(Secure Sockets Layer)和TLS(Transport Layer Security)就像是网络世界的保安,专门负责在你上网的时候保护你的数据不被坏人偷走或篡改。简单来说,就是让你在网上交流时更安全。HTTPS其实就是HTTP的升级版,它在原来的HTTP上加了个SSL/TLS的锁,这样一来,咱们在网上发送的信息就变得安全多了,别人偷不走。 为什么我们需要关注这些问题呢?因为随着网络安全意识的提升,越来越多的用户开始注意网站是否采用HTTPS进行数据传输。对开发者而言,搞清楚怎么正确设置SSL/TLS证书,防止证书验证出问题,这可是提升应用安全性的关键一步。 二、Beego中的HTTPS配置基础 在Beego框架中,配置HTTPS其实并不复杂。但首先,你需要确保你的服务器已经安装了有效的SSL/TLS证书。这通常涉及到购买或者自签名证书的过程,这里不深入讨论。接下来,我们看看如何在Beego中配置HTTPS。 示例代码:基本HTTPS配置 go package main import ( "github.com/astaxie/beego" ) func main() { // 设置监听端口 beego.RunConfig.Listen.HTTPPort = 8080 // 配置HTTPS beego.RunConfig.Listen.HTTPSPort = 8443 beego.RunConfig.Listen.HTTPSKey = "path/to/private.key" beego.RunConfig.Listen.HTTPSCert = "path/to/certificate.crt" // 启动Beego应用 beego.Run() } 上面这段代码展示了如何在Beego中配置HTTPS的基本步骤。嘿,你知道嘛,HTTPSPort就是用来设置HTTPS服务要监听的端口号的。至于HTTPSKey和HTTPSCert嘛,它们分别告诉你私钥文件和证书文件藏在哪里。 三、常见问题及解决策略 尽管配置看似简单,但在实际操作中却可能遇到各种各样的问题。下面我们就来看看几个常见的问题及其解决方案。 3.1 证书验证失败 问题描述:当客户端尝试连接到你的HTTPS服务时,可能会因为证书验证失败而导致连接被拒绝。 原因分析:这通常是因为客户端无法信任你的服务器证书。可能是由于证书过期、自签名证书未被客户端信任等原因造成的。 解决方案: - 更新证书:如果是证书过期问题,确保及时更新你的SSL/TLS证书。 - 导入证书到信任库:如果使用的是自签名证书,需要将该证书导入到客户端的信任库中。 示例代码:检查证书有效期 go package main import ( "crypto/x509" "fmt" "io/ioutil" "time" ) func main() { pemData, err := ioutil.ReadFile("path/to/certificate.crt") if err != nil { fmt.Println("Error reading certificate file:", err) return } cert, err := x509.ParseCertificate(pemData) if err != nil { fmt.Println("Error parsing certificate:", err) return } // 检查证书有效期 if cert.NotAfter.Before(time.Now()) { fmt.Println("证书已过期!") } else { fmt.Println("证书有效!") } } 这段代码可以帮助你检查证书的有效期限,从而避免因证书过期引发的问题。 四、进阶探索 高级配置与最佳实践 除了上述基础配置外,还有一些高级配置和最佳实践可以进一步提高你的HTTPS服务的安全性和性能。 4.1 使用Let's Encrypt获取免费证书 推荐理由:Let's Encrypt提供了完全免费且自动化的SSL/TLS证书服务,非常适合个人开发者和小型项目使用。 实施方法:你可以使用Certbot等工具自动化地从Let's Encrypt获取证书,并自动续期。 4.2 HTTP严格传输安全(HSTS) 推荐理由:启用HSTS可以增强网站的安全性,防止中间人攻击。 实施方法:只需在响应头中添加Strict-Transport-Security字段即可。 示例代码:设置HSTS响应头 go package main import ( "github.com/astaxie/beego" ) func init() { beego.InsertFilter("", beego.BeforeRouter, func() { beego.resp.Header().Set("Strict-Transport-Security", "max-age=31536000; includeSubDomains") }) } func main() { beego.Run() } 以上就是今天分享的内容啦!希望大家能够通过这篇文章更好地理解和解决在Beego框架中遇到的SSL/TLS证书问题。如果你有任何疑问或建议,欢迎随时交流讨论! --- 希望这篇内容能够帮助你理解并解决Beego中的SSL/TLS证书问题。如果有任何其他问题或需要进一步的帮助,请随时告诉我!
2024-11-14 16:21:52
98
秋水共长天一色
Mongo
...深入探索之旅 在现代Web开发领域,MongoDB作为一款高性能、灵活且易用的NoSQL数据库,凭借其强大的文档存储能力和高度可扩展性赢得了广大开发者的青睐。本文我们将围绕一个核心问题展开探讨:“在MongoDB中,连接数据库和往数据库中写入数据是异步执行的吗?” 1. 异步编程与MongoDB的交互模型 首先,我们来理解下“异步”这个概念。在编程世界里,异步操作意味着你无需等待某个任务完成就可以继续执行其他代码,而当那个任务完成后,程序会通过回调、事件或者Promise等方式通知你结果。这种方式极大地提高了系统并发处理能力。 MongoDB的驱动程序(如Node.js中的mongodb库)确实采用了异步模式进行数据库连接和写入操作。这是因为,在处理像网络传输、磁盘读写这类IO密集型操作时,如果选择同步执行的方式,会让线程或者进程陷入“等待”的状态,就像堵车一样停滞不前,这样一来,就会影响到整个应用程序的运行效率和性能表现。所以,MongoDB的这个异步设计妙就妙在,即使你的应用程序正在处理海量数据读写,也能稳稳保证响应速度贼快,运行起来流畅得飞起,一点儿不卡顿。 2. 连接MongoDB数据库的异步过程 (以下示例采用Node.js环境及官方mongodb库) javascript const MongoClient = require('mongodb').MongoClient; // 异步连接MongoDB MongoClient.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true }, (err, client) => { if (err) { console.error('Error connecting to MongoDB:', err); return; } console.log('Connected successfully to MongoDB'); // 使用client对象进行数据库操作... const db = client.db(); // ... // 在完成所有数据库操作后,记得关闭连接 client.close(); }); 上述代码展示了如何异步地连接到MongoDB数据库。这里,MongoClient.connect()方法接受一个连接字符串、配置选项以及一个回调函数。当连接成功建立或发生错误时,回调函数会被调用。这正是异步编程的体现,主线程不会被阻塞,直到连接操作完成才执行后续逻辑。 3. 向MongoDB数据库异步写入数据 同样,向MongoDB插入或更新数据也是异步执行的。下面是一个向集合中插入文档的例子: javascript db.collection('mycollection').insertOne({ name: 'John Doe', age: 30 }, (err, result) => { if (err) { console.error('Error inserting document:', err); return; } console.log('Document inserted successfully:', result.insertedId); // 插入操作完成后,可以在这里执行其他逻辑 }); // 注意:这里的db是上一步异步连接成功后获取的数据库实例 这段代码展示了如何异步地向MongoDB的一个集合插入一个文档。你知道吗,这个insertOne()方法就像是个贴心的小帮手,它会接收一个文档对象作为“礼物”,然后再加上一个神奇的回调函数。当你把这个“礼物”放进去,或者在插入过程中不小心出了点小差错的时候,这个神奇的回调函数就会立马跳出来开始干活儿啦! 4. 思考与探讨 在实际开发过程中,异步操作无疑提升了我们的应用性能和用户体验。然而,这也带来了回调地狱、复杂的流程控制等问题。还好啦,现代的JavaScript可真是够意思的,它引入了Promise、async/await这些超级实用的工具,让咱们在处理异步编程时简直如虎添翼。这样一来,我们在和MongoDB打交道的时候,就能写出更加顺溜、更好懂、更好维护的代码,那感觉别提多棒了! 总结来说,MongoDB在连接数据库和写入数据时采取异步机制,这种设计让我们能够在高并发环境下更好地优化资源利用,提升系统效率。同时,作为开发者大兄弟,咱们得深入理解并灵活玩转异步编程这门艺术,才能应对各种意想不到的挑战,把MongoDB那牛哄哄的功能发挥到极致。
2024-03-10 10:44:19
167
林中小径_
MemCache
...数据库负载,提升动态Web应用的性能。它通过暂时存储经常访问的数据(如数据库查询结果)在内存中,使得后续请求可以直接从内存读取数据,极大地减少了对持久化存储层(如硬盘上的数据库)的访问次数,从而提高了系统的响应速度。 Chunk , 在MemCache内部存储机制中,chunk是指预先分配的一块固定大小的内存空间,默认大小为1MB。当需要存储的数据项(value)大于一个chunk的容量时,MemCache会尝试将其分割成多个chunks进行存储。如果value过大无法放入单个chunk,则会抛出“Value too large to be stored in a single chunk”的错误。 数据压缩 , 数据压缩是在计算机科学中一种减少数据量以节省存储空间或提高传输效率的技术。在本文上下文中,针对MemCache存储值过大的问题,通过使用Gzip等压缩算法,可以将原始数据转换成更紧凑的形式,在不改变其内容的情况下减小其体积,使其能适应MemCache的chunk大小限制,成功存储到缓存中。
2023-06-12 16:06:00
50
清风徐来
Kibana
...问日志数据: json POST /logs/_doc { "timestamp": "2022-01-01T00:00:00Z", "method": "GET", "path": "/api/v1/data", "status_code": 200, "response_time_ms": 150 } 重复上述过程,填充足够多的日志数据以便进行更深入的分析。 2. 创建索引模式与发现视图 - 创建索引模式: 在Kibana界面中,进入“管理”>“索引模式”,点击“创建索引模式”,输入索引名称logs,Kibana会自动检测字段类型并建立映射关系。 - 探索数据: 进入“发现”视图,选择我们刚才创建的logs索引模式,Kibana会展示出所有日志记录。在这里,你可以实时搜索、筛选以及初步分析数据。 3. 初步构建可视化组件 - 创建可视化图表: 进入“可视化”界面,点击“新建”,开始创建你的第一个可视化图表。例如,我们可以创建一个柱状图来展示不同HTTP方法的请求次数: a. 选择“柱状图”可视化类型。 b. 在“buckets”区域添加一个“terms”分桶,字段选择method。 c. 在“metrics”区域添加一个“计数”指标,计算每个方法的请求总数。 保存这个可视化图表,命名为“HTTP方法请求统计”。 4. 构建仪表板 - 创建仪表板: 进入“仪表板”界面,点击“新建”,创建一个新的空白仪表板。 - 添加可视化组件: 点击右上角的“添加可视化”按钮,选择我们在第3步创建的“HTTP方法请求统计”图表,将其添加至仪表板中。 - 扩展仪表板: 不止于此,我们可以继续创建其他可视化组件,比如折线图显示随着时间推移的响应时间变化,热力图展示不同路径和状态码的分布情况等,并逐一将它们添加到此仪表板上。 5. 自定义与交互性调整 Kibana的真正魅力在于其丰富的自定义能力和交互性设计。比如,你完全可以给每张图表单独设定过滤器规则,这样一来,整个仪表板上的数据就能像变魔术一样联动更新,超级炫酷。另外,你还能借助那个时间筛选器,轻轻松松地洞察到特定时间段内数据走势的变化,就像看一部数据演变的电影一样直观易懂。 在整个创建过程中,你可能会遇到疑惑、困惑,甚至挫折,但请记住,这就是探索和学习的魅力所在。随着对Kibana的理解逐渐加深,你会发现它不仅是一个工具,更是你洞察数据、讲述数据故事的强大伙伴。尽情发挥你的创造力,让数据活起来,赋予其生动的故事性和价值性。 总结来说,创建Kibana可视化仪表板的过程就像绘制一幅数据画卷,从准备画布(导入数据)开始,逐步添置元素(创建可视化组件),最后精心布局(构建仪表板),期间不断尝试、调整和完善,最终成就一份令人满意的可视化作品。在这个探索的过程中,你要像个充满好奇的小探险家一样,时刻保持对未知的热情,脑袋瓜子灵活运转,积极思考各种可能性。同时,也要有敢于动手实践的勇气,大胆尝试,别怕失败。这样下去,你肯定能在浩瀚的数据海洋中挖到那些藏得深深的宝藏,收获满满的惊喜。
2023-08-20 14:56:06
336
岁月静好
转载文章
...软件付款条件的配置及应用介绍》中详细介绍了付款条件的配置及应用,那篇文章中提到了分期付款,但没有展开详细的介绍说明,今天在此文中补充上。 我们知道付款条件配置好后,在做发票凭证时候可以输入付款条件,但是那个付款条件的字段只能输入一个值(如下图) 那么如果遇到一笔款项要分多期支付,并且每一期对应的付款条件不同,比如公司要支付供应商10000元,但和供应商商定可以分三期支付,一期支付20%,对应的付款条件为Z001,二期支付30%,对应的付款条款为Z002,三期支付剩余50%,对应的付款条件为Z003。 SAP如何处理上面这样的业务场景? SAP软件发票凭证录入界面的付款条件字段只能输入一个付款条件代码,我们可以想象下系统要处理这样的分期付款,那么这个付款条件代码就必须能关联到三个不同的付款条件,即它要包含三个具体的付款条件,SAP软件也就是基于这样逻辑设计的,所以对于分期付款的付款条件可以把它看做是一个付款条件组,它包含了三个具体的付款条款(如下图)。 详细信息直接访问下面链接吧,懒得一点点粘贴了 https://mp.weixin.qq.com/s/WnUEKH5TpoQjsFM66E1Yxg 推荐阅读: 《DEMO:接口以XML为入参》 《DEMO:接口以Json为入参》 《Odata 增删改查详例》 《ODATA CREATE_DEEP_ENTITY 详例》 《RESTful DEMO 一:SAP 如何提供 RESTful Web 服务》 《RESTful DEMO 四 :增删改查及调用》 《十年老码农搬砖习惯和技巧》 《我这个老码农是怎么debug标准程序的》 《我是怎样调试BAPI的,以F-02为例》 《动态批量修改任意表任意字段的值》 《动态获取查询条件的一个小Demo》 《使用cl_gui_docking_container 实现多ALV》 《VOFM 修改 组单开票时 会计凭拆分规则》 《DEMO SUBMIT 某程序并获取该程序ALV数据》 《DEMO:S/4 1809 FAGLL03H 增加字段增强》 《几个ABAP实用模板,体力活就别一行行敲了,复制粘贴得了》 《DEMO:BTE增强实现凭证创建检查》 《SAP Parallel Accounting(平行分类账业务)配置+操作手册+BAPI demo程序》 《CC02修改确认日期BAPI:Processing of change number was canceled》 《我是怎样调试BAPI的,以F-02为例》 《女儿的部分书单》 《推荐几本小说吧,反正过年闲着也是闲着,看看呗》 《我是不是被代码给耽误了……不幸沦为一名程序员……》 《三亚自由行攻略(自己穷游总结)》 《苏州游记》 《杂谈:说走就走的旅行没那么难》 《溜达:无锡》 《记码农十周年(20110214--20210214)》 《不一样的SAP干货铺群:帅哥靓妹、红包、烤羊腿!》 《杂谈:几种接口》 《干货来袭:2020年公众号内容汇总》 《DEMO search help 增强 ( vl03n KO03 等)》 《录BDC时 弹出的公司代码框问题》 《动态获取查询条件的一个小Demo》 《动态批量修改任意表任意字段的值》 WDA Demo WDA DEMO 0:开启服务 设置hosts WDA DEMO 02: 简单介绍 WDA DEMO 03: 根据选择条件查询并显示 WDA DEMO 04: select options 查询并显示 WDA DEMO 05:两个table联动展示数据 WDA DEMO 06: 创建事务代码 WDA DEMO 07 页面跳转及全局变量的使用 WDA DEMO 08 全局变量方式二 WDA DEMO 09 ALV 简单展示 WDA DEMO 1:简单查询并显示结果 WDA DEMO 10 代码模块化整理 WDA DEMO 11 根据BAPI/Function创建WDA Debug 系列 DEBUG 系列一:Dump debug DEBUG 系列二:Configure Debugger Layer DEBUG系列三:使用 F9 和 watch point DEBUG系列四:第三方接口debug DEBUG系列五:Update 模式下的function debug DEBUG系列六:后台JOB debug DEBUG系列七:保存测试参数 DEBUG系列八:Debug弹出框 debug系列九:SM13查看update更新报错 DEBUG系列十:Smartforms debug DEBUG系列十一:GGB1 debug Debug系列十二:QRFC 队列 debug 本篇文章为转载内容。原文链接:https://blog.csdn.net/senlinmu110/article/details/122086258。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-08-12 21:25:44
141
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
sed -i 's/old_string/new_string/g' file.txt
- 在文件内替换字符串。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"