当前位置：网站首页>Chapter 3 business function development (user access project)

Chapter 3 business function development (user access project)

2022-07-07 17:53:00 【Make a light】

3.1 Home function

Users visit the project home page , First, go to the login page .

First, identify the needs , Planning program access process , Draw well UML Sequence diagram rewriting code , It is convenient to manage the project in the future , At the same time, it is also a hard requirement of development specifications

I'm using processOn Online compilation website , You can also use it star uml,Rational Rose ,Rational Rose The download and cracking process of is connected as follows Click here .

Project structure

 

function tomcat

1.IndexController class 

package com.it.crm.web.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class IndexController {
    /*
     Theoretically , to Controller Distribute url：http://127.0.0.1:8080/crm/
     For simplicity , The frame regulations are omitted   The name of the agreement ://ip：port/ Project name , use / Directly represents the above url, That is, to the root directory 
     */
    @RequestMapping(value = "/")
    public String index(){
        return "index";
    }
}

2. Enter the marked blue shaded 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. Jump to 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. Enter the login interface 

<%@ 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; Power nodes </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> Sign in </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=" user name ">
					</div>
					<div style="width: 350px; position: relative;top: 20px;">
						<input class="form-control" type="password" placeholder=" password ">
					</div>
					<div class="checkbox"  style="position: relative;top: 30px; left: 10px;">
						<label>
							<input type="checkbox">  Login free for ten days 
						</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;"> Sign in </button>
				</div>
			</form>
		</div>
	</div>
</body>
</html>

 

原网站

版权声明
本文为[Make a light]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/188/202207071523277294.html

边栏推荐

猜你喜欢

随机推荐