第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>

相关阅读:
总结梳理HTTP状态码
Supervisor管理器
Python 教程之从头开始构建个人助理，如何在 Python 中构建概念验证个人助理：意图分类、语音到文本和文本到语音(教程含源码)
vue-cli创建项目的步骤
Air780E模块休眠控制应用指南
【数据结构与算法】之深入解析“安排邮筒”的求解思路与算法示例
debian安装Elasticsearch 8单节点
JS逆向实战23——某市wss URL加密+请求头+ws收发
Tronapi-波场接口-源码无加密-可二开--附接口文档-基于ThinkPHP5封装-作者详细指导-2022年7月1日08:43:06
Java项目：SSM医院住院管理系统

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