第二章实习任务与完成情况
2.1 本人承担的主要工作
在实习中,本人负责的工作主要有以下几个方面:
1) 前端设计。根据美工设计的页面编写代码;
2) 流程分析。根据客户的要求设计工单流程;
3) 员工信息处理。能够将员工信息增删改查。
完成实习任务的技术方案与步骤2.2.1相关技术
本系统采用了Springboot +mybatis + bootstrap + layui + shiro + mysql的系统架构。在系统的开发过程中,涉及到JavaScript 、CSS、Java、HTML等相关理论及技术。
(1) SpringBoot简介
SpringBoot是由Pivotal团队在2013年开始研发、2014年4月发布第一个版本的全新开源的轻量级框架。它基于Spring4.0设计,不仅继承了Spring框架原有的优秀特性,而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突,以及引用的不稳定性等问题得到了很好的解决。
(2) SpringBoot的优点
1)减少开发,测试时间和努力
2)使用JavaConfig有助于避免使用XML
3)避免大量的Maven导入和各种版本冲突
4)提供意见发展方法
5)通过提供默认值快速开发
6)没有单独的Web服务器需要。这就意味着不需要启动Tomcat、Glassfis或其他任何东西
7)因没有web.xml文件故而需要更少的配置。只需要添加用@Configuration注释的类,然后添加用@Bean注释的方法,Spirng将自动加载对象并像以前一样对其进行管理。甚至可以将@Autowired添加到bean方法中,以使Spring自动装入需要的依赖关系中。
8)基于环境的配置,使用这些属性,可以将正在使用的环境传递到应用程序:Dspring.profiles.active = {environment}。在加载主应用程序需属性文件后,Spring将在(application{environment}.properties)中加载后续的应用程序属性文件。.
(3) SpringBoot的特征
(1)可以创建独立的Spring应用程序,并且基于其Maven或Gradle插件,可以创建可执行的JARs和WARs;
(2)内嵌Tomcat或Jetty等Servlet容器;
(3)提供自动配置的“starter”项目对象模型(POMS)以简化Maven配置;
(4)尽可能自动配置Spring容器;
(5)提供准备好的特性,如指标、健康检查和外部化配置;
(6)绝对没有代码生成,不需要XML配置。
(4) BootStrap介绍
Bootstrap是美国Twitter公司的设计师MarkOtto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
包含内容:
· 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
· CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML元素样式、可扩展的class,以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。
· 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
· JavaScript插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分细讲解。
· 定制:可以定制Bootstrap的组件、LESS 变量和jQuery插件来得到自己的版本。
应用案例:
Less 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。
2.1 本人承担的主要工作
在实习中,本人负责的工作主要有以下几个方面:
1) 前端设计。根据美工设计的页面编写代码;
2) 流程分析。根据客户的要求设计工单流程;
3) 员工信息处理。能够将员工信息增删改查。
完成实习任务的技术方案与步骤2.2.1相关技术
本系统采用了Springboot +mybatis + bootstrap + layui + shiro + mysql的系统架构。在系统的开发过程中,涉及到JavaScript 、CSS、Java、HTML等相关理论及技术。
(1) SpringBoot简介
SpringBoot是由Pivotal团队在2013年开始研发、2014年4月发布第一个版本的全新开源的轻量级框架。它基于Spring4.0设计,不仅继承了Spring框架原有的优秀特性,而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突,以及引用的不稳定性等问题得到了很好的解决。
(2) SpringBoot的优点
1)减少开发,测试时间和努力
2)使用JavaConfig有助于避免使用XML
3)避免大量的Maven导入和各种版本冲突
4)提供意见发展方法
5)通过提供默认值快速开发
6)没有单独的Web服务器需要。这就意味着不需要启动Tomcat、Glassfis或其他任何东西
7)因没有web.xml文件故而需要更少的配置。只需要添加用@Configuration注释的类,然后添加用@Bean注释的方法,Spirng将自动加载对象并像以前一样对其进行管理。甚至可以将@Autowired添加到bean方法中,以使Spring自动装入需要的依赖关系中。
8)基于环境的配置,使用这些属性,可以将正在使用的环境传递到应用程序:Dspring.profiles.active = {environment}。在加载主应用程序需属性文件后,Spring将在(application{environment}.properties)中加载后续的应用程序属性文件。.
(3) SpringBoot的特征
(1)可以创建独立的Spring应用程序,并且基于其Maven或Gradle插件,可以创建可执行的JARs和WARs;
(2)内嵌Tomcat或Jetty等Servlet容器;
(3)提供自动配置的“starter”项目对象模型(POMS)以简化Maven配置;
(4)尽可能自动配置Spring容器;
(5)提供准备好的特性,如指标、健康检查和外部化配置;
(6)绝对没有代码生成,不需要XML配置。
(4) BootStrap介绍
Bootstrap是美国Twitter公司的设计师MarkOtto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
包含内容:
· 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
· CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML元素样式、可扩展的class,以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。
· 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
· JavaScript插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分细讲解。
· 定制:可以定制Bootstrap的组件、LESS 变量和jQuery插件来得到自己的版本。
应用案例:
Less 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。