5月18日周四

计划

• 学习前端知识angular框架，html语法扎实的学，css，JavaScript
• 学习后端框架，Java语言学扎实点
• 下午背单词，从题中，然后听听力，然后做数学不行就看数据结构
• 回顾这三个月学了些啥
• 做答辩PPT

执行

09点04分  开始
09点29分  又要修改，排版排版，牛逼牛逼
10点24分  修改完，上传了
13点49分  困死了

记录

问题想法

1. 重点梳理业务逻辑，熟悉如何实现的
2. 接口编辑界面的输入框怎么做的，为什么可以有那么丰富的功能
3. 怪不得感觉啥也没学呢，啥都只开个头，然后就去学别的了，呵呵

已解决

1. 修改了在项目成员管理界面也可以显示角色
2. 英语角
   I think JD Gaming will win.
   Because they have shown excellent competitive form in MSI and also possess certain strength, especially among the singles players.
   In addition, JD Gaming's previous single player Jackeyan also performed very well, so they have enough strength to compete for the championship in this finals.

知识

content-type 这是干什么的

Content-Type是HTTP头部字段之一，用于指定在HTTP请求或响应中传输的数据的MIME类型。它告诉服务器或浏览器如何解析传输的数据。例如，如果Content-Type指定为text/html，则服务器或浏览器将把数据解析为HTML格式，如果指定为application/json，则将数据解析为JSON格式。Content-Type还可以指定字符集和边界等其他信息。

x-application和application/xml的区别

x-application和application/xml都是MIME类型，用于指定在HTTP请求或响应中传输的数据的类型。它们的区别在于：

1. application/xml是标准的MIME类型，用于指定传输的数据是XML格式的。而x-application是非标准的MIME类型，用于指定传输的数据是某种应用程序特定的格式，例如x-application/json表示传输的数据是JSON格式的。
2. application/xml指定了XML的语法和结构，可以被广泛支持的XML处理器解析。而x-application指定的格式可能只能被特定的应用程序解析。

因此，如果传输的数据是XML格式的，应该使用application/xml，如果传输的数据是某种应用程序特定的格式，应该使用x-application。

接口编辑界面的输入框怎么做的

要实现一个文本编辑器，需要使用HTML、CSS和JavaScript来实现。以下是一些基本的步骤：

1. 创建一个包含可编辑文本的div元素，并设置其contenteditable属性为true。例如：
   <div id="editor" contenteditable="true">这里是可编辑的文本</div>
2. 使用CSS样式来美化文本编辑器的外观，例如设置字体、颜色、背景、边框等。
3. 使用JavaScript来实现文本编辑器的功能，例如：
   • 实现撤销和重做功能
   • 实现剪切、复制和粘贴功能
   • 实现插入图片、链接、表格等功能
   • 实现查找和替换功能
   • 实现自动保存功能
   • 实现拖拽和调整大小等交互功能

可以使用现有的JavaScript库或框架来实现这些功能，例如jQuery、React、Vue等。或者自己编写JavaScript代码来实现。

引入WangEditor库
WangEditor是一款基于JavaScript和jQuery的富文本编辑器库，它提供了丰富的编辑器功能和灵活的定制选项，支持插入图片、表格、代码、公式等内容，并支持多种格式的导入和导出。WangEditor还提供了多种主题和语言选择，可以满足不同用户和应用场景的需求。
WangEditor的主要特点包括：
界面简洁美观，易于使用和定制。
功能丰富，支持多种文本编辑和排版功能。
插件系统完善，支持自定义插件和扩展功能。
兼容性好，支持主流浏览器和移动设备。
开源免费，遵循MIT协议，可用于商业和非商业项目。
WangEditor的使用方法也非常简单，只需要引入相关的JavaScript和CSS文件，创建编辑器实例，并将其挂载到指定的HTML元素上即可。WangEditor还提供了丰富的API和事件，可以对编辑器进行更精细的控制和操作。

monitor.xml的作用

该文件的作用是定义Quartz调度器的相关配置，实现定时任务的自动执行。具体来说，通过配置任务触发器和任务执行类，可以实现按照一定时间间隔或时间点自动执行某些任务，从而提高应用程序的自动化程度和效率。在实际应用中，可以使用该文件配置Quartz调度器，实现定时执行任务、定时发送邮件、定时备份数据库等功能。

js代码是如何运作或者说如何被调用的

这些JS代码是通过AngularJS框架的路由机制被调用的。当用户在应用程序中进行导航时，路由器会根据URL参数匹配相应的状态，并加载对应的模板和控制器。
在这个例子中，当用户访问"/user/project/list"时，路由器会匹配到名为"projectList"的状态，并加载它所对应的模板和控制器。模板中的HTML代码和控制器中的JavaScript代码会被AngularJS编译和执行，最终生成并呈现给用户可交互的界面。用户在界面上进行操作时，控制器中的事件处理程序会被触发，从而实现应用程序的各种功能。

讲一下这个AngularJS框架的路由机制

AngularJS框架的路由机制是用于管理应用程序的页面导航和状态管理的。它可以根据URL参数匹配相应的状态，并加载对应的模板和控制器，从而实现页面的动态切换和交互。

在AngularJS中，路由机制是通过stateProvider和state服务来实现的。stateProvider是一个用于定义状态的服务，它可以定义一个或多个状态，并指定它们所对应的URL、模板和控制器等。state服务则提供了一些API，用于在应用程序中进行导航和状态管理，比如state.go()用于跳转到另一个状态，state.params用于获取和设置URL参数等。

路由机制的基本流程如下：

定义状态：使用$stateProvider服务定义一个或多个状态，并指定它们所对应的URL、模板和控制器等。

配置路由器：使用locationProvider和stateProvider服务配置路由器，使其能够正确地匹配URL参数和状态。

导航到状态：使用$state.go()方法导航到另一个状态，或通过超链接等方式触发导航事件。

加载模板和控制器：当路由器匹配到一个状态时，会加载它所对应的模板和控制器，并执行其中的JavaScript代码。

渲染视图：路由器会将模板和控制器生成的HTML代码渲染到浏览器中，呈现给用户可交互的界面。

总的来说，AngularJS框架的路由机制是一个非常强大和灵活的工具，可以帮助开发者快速构建复杂的单页应用程序，并提供了丰富的API和钩子函数，可以方便地实现各种高级功能，比如页面缓存、路由拦截等。

AngularJS的路由实际上是一种纯前端的解决方案，它的本质是：当请求一个url时，根据路由配置这个url，然后再请求模板片段，并插入到ng-view中。AngularJS的路由更倾向于通过改变url进行页面的局部刷新。

理解过程

• ssm框架的项目大概的原理流程是后台在controller中接受请求和参数封装参数后调用业务层处理相关数据，之后调用对应页面，该页面可以是jsp页面也可以是html页面，在html页面中会有js的函数，而我用的是angularjs框架，所以用到了他的路由机制，在其中使用controller进行视图的跳转

• 你的理解基本上是正确的，但是还有一些细节需要补充和修改。

在SSM框架中，前端页面通常不直接调用业务层处理数据，而是通过Controller层进行中转，Controller层接收请求和参数后，调用Service层进行业务逻辑的处理，然后将处理结果返回给前端页面。

在前端页面中，除了AngularJS的路由机制，还有其他的前端框架和技术，如jQuery、Bootstrap、CSS等，这些技术都可以用来实现页面的渲染和交互。

在AngularJS中，Controller不仅用于视图的跳转，还可以用来处理前端页面的业务逻辑和数据交互。此外，AngularJS还有Directive、Service、Factory等概念，这些概念都是AngularJS框架中非常重要的部分。

在SSM框架中，数据库的操作通常是通过Mybatis这个ORM框架来实现的，Mybatis可以将数据库中的数据映射为Java对象，进而方便地进行数据库操作。

综上所述，你的理解基本上是正确的，但还有一些细节需要补充和修改。

• 前端Controller和后端Controller的主要区别在于它们所处理的数据来源和处理方式不同。

后端Controller主要负责接收请求和参数，调用Service层进行业务逻辑处理，然后将处理结果返回给前端。后端Controller还可以进行数据校验、权限控制等操作。它们所处理的数据通常是来自于数据库、文件系统、网络等后端数据源。

而前端Controller主要负责处理前端页面的业务逻辑和数据交互，它们所处理的数据通常是来自于用户在前端页面上的输入、操作和选择等行为。前端Controller可以通过AngularJS的双向数据绑定机制来更新前端页面的数据，从而实现与用户的交互。前端Controller还可以通过Ajax技术将数据发送到后端进行处理，并将处理结果返回给前端页面。

总的来说，后端Controller和前端Controller都是用来处理业务逻辑和数据交互的，但是它们所处理的数据来源和处理方式不同。后端Controller处理的是后端数据源中的数据，而前端Controller处理的是前端页面上的用户行为和交互数据。

注意这里采用的是ui-router这个路由，而不是ng原生的路由。
ng原生的路由不能支持嵌套视图，所以这里必须使用ui-router。

• 框架是一组已经开发好的工具或者代码库