当前位置:网站首页>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 <span style="font-size: 12px;">©2019 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>
<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>
边栏推荐
- 在窗口上面显示进度条
- 数字化转型的主要工作
- Based on pytorch, we use CNN to classify our own data sets
- Notification is the notification displayed in the status bar of the phone
- 【网络攻防原理与技术】第4章:网络扫描技术
- 【解惑】App处于前台,Activity就不会被回收了?
- 本周小贴士#136:无序容器
- 自动化测试:Robot FrameWork框架大家都想知道的实用技巧
- Please insert the disk into "U disk (H)" & unable to access the disk structure is damaged and cannot be read
- 漫画 | 宇宙第一 IDE 到底是谁?
猜你喜欢
简单的loading动画
Deep learning machine learning various data sets summary address
Functions and usage of imageswitch
Target detection 1 -- actual operation of Yolo data annotation and script for converting XML to TXT file
Import requirements in batches during Yolo training Txt
In depth understanding of USB communication protocol
Native JS verification code
第2章搭建CRM项目开发环境(数据库设计)
USB通信协议深入理解
alertDialog創建对话框
随机推荐
Pro2:修改div块的颜色
[re understand the communication model] the application of reactor mode in redis and Kafka
【4500字归纳总结】一名软件测试工程师需要掌握的技能大全
Dateticket and timeticket, functions and usage of date and time selectors
<代码随想录二刷>链表
企业经营12法的领悟
本周小贴士#135:测试约定而不是实现
Introduction to OTA technology of Internet of things
Mysql 索引命中级别分析
【可信计算】第十次课:TPM密码资源管理(二)
在窗口上面显示进度条
请将磁盘插入“U盘(H)“的情况&无法访问 磁盘结构损坏且无法读取
Functions and usage of imageswitch
运行yolo v5-5.0版本报错找不到SPPF错误,进行解决
深度学习机器学习各种数据集汇总地址
Please insert the disk into "U disk (H)" & unable to access the disk structure is damaged and cannot be read
datepicket和timepicket,日期、时间选择器的功能和用法
DatePickerDialog and trimepickerdialog
【分布式理论】(二)分布式存储
利用七种方法对一个文件夹里面的所有图像进行图像增强实战