第3章业务功能开发（用户访问项目）

3.1首页功能

用户访问项目首页，首先进入登录页面。

首先明确需求，规划程序访问流程，画好UML顺序图再编写代码，方便以后对项目进行管理，同时也是开发规范的硬性要求

我使用的是processOn在线编译网站，当然也可以使用star uml,Rational Rose ,Rational Rose 的下载破解流程连接如下点这里。

项目结构

运行tomcat

1.IndexController类


package com.it.crm.web.controller;
 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
 
@Controller
public class IndexController {
    /*
    理论上，给Controller分配url：http://127.0.0.1:8080/crm/
    为了简便，框架规定省去 协议名://ip：port/项目名称，用/直接代表上面的url，即到达根目录
     */
    @RequestMapping(value = "/")
    public String index(){
        return "index";
    }
}

2.进入标记蓝色阴影的index.jsp


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
    window.location.href = "settings/qx/user/toLogin.do";
</script>
</body>
</html>

3.跳转到UserController


package com.it.crm.settings.web.controller;
 
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
 
@Controller
public class UserController {
    @RequestMapping(value = "/settings/qx/user/toLogin.do")
    public String toLogin(){
        return "settings/qx/user/login";
    }
}

4.进入登录界面


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/"+request.getContextPath()+"/";
%>
<html>
<head>
<meta charset="UTF-8">
	<base href="<%=basePath%>">
<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
	<div style="position: absolute; top: 0px; left: 0px; width: 60%;">
		<img src="image/IMG_7114.JPG" style="width: 100%; height: 90%; position: relative; top: 50px;">
	</div>
	<div id="top" style="height: 50px; background-color: #3C3C3C; width: 100%;">
		<div style="position: absolute; top: 5px; left: 0px; font-size: 30px; font-weight: 400; color: white; font-family: 'times new roman'">CRM &nbsp;<span style="font-size: 12px;">&copy;2019&nbsp;动力节点</span></div>
	</div>
	
	<div style="position: absolute; top: 120px; right: 100px;width:450px;height:400px;border:1px solid #D5D5D5">
		<div style="position: absolute; top: 0px; right: 60px;">
			<div class="page-header">
				<h1>登录</h1>
			</div>
			<form action="workbench/index.html" class="form-horizontal" role="form">
				<div class="form-group form-group-lg">
					<div style="width: 350px;">
						<input class="form-control" type="text" placeholder="用户名">
					</div>
					<div style="width: 350px; position: relative;top: 20px;">
						<input class="form-control" type="password" placeholder="密码">
					</div>
					<div class="checkbox"  style="position: relative;top: 30px; left: 10px;">
						<label>
							<input type="checkbox"> 十天内免登录
						</label>
						&nbsp;&nbsp;
						<span id="msg"></span>
					</div>
					<button type="submit" class="btn btn-primary btn-lg btn-block"  style="width: 350px; position: relative;top: 45px;">登录</button>
				</div>
			</form>
		</div>
	</div>
</body>
</html>

相关阅读:
软件工程与计算总结（五）软件需求基础
多路IO转接——前导
大数据-玩转数据-Python Sftp Mysql 数据
Hudi Spark源码学习总结-df.write.format(“hudi“).save
『Java安全』Shiro1.0.0未标准化路径造成越权访问(CVE-2010-3863)复现与浅析
【操作系统】进程管理（一）—— 进程
使用Java Spring Boot构建高效的爬虫应用
【车载开发系列】GIT教程---如何使用GUI来提交变更
docker-compose 部署方式
Python之CrawlSpider

原文地址：https://blog.csdn.net/weixin_59334478/article/details/125517920