web应用系统

  1. 创建web workspace,

在这里插入图片描述

  1. 准备repo,点击"prepare reposity",这样可以加速编译.

A. 对于高校版本的学生,如果你的服务端(不是你的本地计算机这端)没有外网,请下载本案例的离线reposity。

1). 当你的服务端部署了文件服务器

参考手册http://man.kinginsai.com/ --> She平台课程环境详细操作说明中的文件服务器说明,

找到Cloud/example1/repository.tar.gz,

然后获取此文件的链接地址(She C端版本为http://archive.dev.kinginsai.com/Cloud/example1/repository.tar.gz),

然后下载到tools容器的/tmp目录下替换已经存在的repository.tar.gz,下载完成后再点击"prepare reposity",

在这里插入图片描述

注意,通常高校版本的服务端和She C端版本之间的网络是不通的,因此不能直接使用这个地址(http://archive.dev.kinginsai.com/Cloud/example1/repository.tar.gz).

2). 当你的服务端没有部署文件服务器,你可以通过下载She C端版本的repository.tar.gz(http://archive.dev.kinginsai.com/Cloud/example1/repository.tar.gz),然后上传到对应位置。

详细操作过程参见以下视频,

B. 对于She C端版本的用户,不需要进行上一步的操作,因为She C端版本的服务端网络非常好。

C. 由于更新了Java工程代码,在tools容器的/tmp目录下已经存在的repository.tar.gz的基础上还需要从maven仓库中下载新的pom。

  1. 打开任一java文件,让工程准备好,这样可以进行符号跳转等

在这里插入图片描述

  1. 修改WelcomeController.java文件,将
	@GetMapping("/")
	public String welcome() {
		return "welcome";
	}

替换成,

	@Value("${app.id}")
	private String appId;

	@GetMapping("/")
	public ModelAndView welcome() {
		ModelAndView mv = new ModelAndView();
		mv.setViewName("welcome");
		mv.addObject("welcome", "Welcome = " + appId);
		return mv;
	}

分别在符号Value和ModelAndView停留鼠标、并点击出现的"Quick Fix"、然后点击"Import ..."

在这里插入图片描述

  1. 在application.properties文件尾部增加
server.port=8080
app.id=1

并将

database=h2

改成

database=mysql

在这里插入图片描述

  1. 修改application-mysql.properties

spring.datasource.username=petclinic

改成

spring.datasource.username=root
  1. 修改welcome.html
<h2 th:text="#{welcome}">Welcome</h2>

替换成,

<h2 th:text="${welcome}"></h2>
  1. 点击tools的maven build

  2. build完成后先后点击mysql的prepare database、tools的run webapp运行工程并测试

详细操作过程参见以下视频,

关于工程代码的详细讲解,请参考She平台手册中"快速了解-通过Java Web案例介绍She平台"。