当前位置:网站首页>第3章业务功能开发(用户访问项目)
第3章业务功能开发(用户访问项目)
2022-07-07 15:39:00 【做一道光】
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 <span style="font-size: 12px;">©2019 动力节点</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>
<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>
边栏推荐
- On Apache Doris Fe processing query SQL source code analysis
- LeetCode1051(C#)
- 【可信计算】第十三次课:TPM扩展授权与密钥管理
- L1-025 正整数A+B(Lua)
- DNS 系列(一):为什么更新了 DNS 记录不生效?
- Skimage learning (3) -- adapt the gray filter to RGB images, separate colors by immunohistochemical staining, and filter the maximum value of the region
- L1-027 出租(Lua)
- Shallow understanding Net core routing
- LeetCode 1626. The best team without contradiction
- 邮件服务器被列入黑名单,如何快速解封?
猜你喜欢
MRS离线数据分析:通过Flink作业处理OBS数据
让保险更“保险”!麒麟信安一云多芯云桌面中标中国人寿, 助力金融保险信息技术创新发展
【网络攻防原理与技术】第5章:拒绝服务攻击
麒麟信安云平台全新升级!
Skimage learning (3) -- adapt the gray filter to RGB images, separate colors by immunohistochemical staining, and filter the maximum value of the region
【TPM2.0原理及应用指南】 9、10、11章
DevOps 的运营和商业利益指南
Sator a lancé le jeu web 3 "satorspace" et a lancé huobi
Sator推出Web3游戏“Satorspace” ,并上线Huobi
What is cloud computing?
随机推荐
第二十四届中国科协湖南组委会调研课题组一行莅临麒麟信安调研考察
大笨钟(Lua)
Seaborn数据可视化
SlashData开发者工具榜首等你而定!!!
[fan Tan] after the arrival of Web3.0, where should testers go? (ten predictions and suggestions)
MySQL implements the query of merging two fields into one field
Solid function learning
A tour of grpc:03 - proto serialization / deserialization
The top of slashdata developer tool is up to you!!!
【TPM2.0原理及应用指南】 12、13、14章
How to add aplayer music player in blog
99% 用户在 Power BI 云端报表常犯错误
Skimage learning (3) -- adapt the gray filter to RGB images, separate colors by immunohistochemical staining, and filter the maximum value of the region
Sator a lancé le jeu web 3 "satorspace" et a lancé huobi
麒麟信安云平台全新升级!
LeetCode 1043. Separate the array to get the maximum and daily questions
状态模式 - Unity(有限状态机)
L1-019 谁先倒(Lua)
LeetCode 213. Home raiding II daily question
QT picture background color pixel processing method