Skip to content

J
jfbrother
Commit b77af67a by 陈玺
Options

feat: 新增校友卡产品介绍页 

新增校友卡访问路由、导航入口、页脚链接、官网一体化 JSP 页面和产品截图资源。
parent fdde6123
Showing with 268 additions and 1 deletions
src/main/java/com/jfbrother/controller/IndexController.java
......@@ -187,6 +187,11 @@ public class IndexController {
public String renzhengfuwu() {
return "renzhengfuwu";
}
@RequestMapping("/alumniCard")
public String alumniCard() {
return "alumniCard";
}
@RequestMapping("/bigDateCenter")
public String bigDateCenter() {
......
src/main/webapp/WEB-INF/view/alumniCard.jsp 0 → 100644
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="杰夫兄弟，校友卡，校友服务，校友认证，卡务管理" />
<meta name="description" content="杰夫校友卡V1.1，面向高校、学院与校友会的校友身份认证和校友卡管理系统。" />
<title>浙江杰夫兄弟智慧科技有限公司——校友卡</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<%@ include file="common.jsp" %>
<style type="text/css">
.alumni-card-page { background:#fff; color:#26394c; font-family:"Microsoft YaHei"; }
.alumni-card-page a { text-decoration:none; }
.alumni-wrap { width:1200px; margin:0 auto; position:relative; }
.alumni-clear { clear:both; height:0; overflow:hidden; }
.alumni-card-hero { position:relative; height:560px; overflow:hidden; background:#0e5596 url("images/dsjjy_minImage.jpg") center center/cover no-repeat; }
.alumni-card-hero:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(110deg, rgba(5,47,94,.96) 0%, rgba(17,107,178,.88) 58%, rgba(38,165,211,.76) 100%); }
.alumni-card-hero:after { content:""; position:absolute; right:-160px; top:70px; width:520px; height:520px; border:68px solid rgba(255,255,255,.08); border-radius:50%; }
.alumni-hero-inner { display:table; width:100%; height:560px; position:relative; z-index:2; }
.alumni-hero-copy { display:table-cell; vertical-align:middle; width:670px; color:#fff; }
.alumni-eyebrow { display:inline-block; padding:8px 18px; border:1px solid rgba(255,255,255,.45); border-radius:22px; font-size:14px; letter-spacing:2px; color:#d7f4ff; }
.alumni-hero-copy h1 { margin:28px 0 0; font-size:54px; line-height:70px; font-weight:normal; letter-spacing:1px; }
.alumni-hero-copy h1 span { color:#ffdf5c; }
.alumni-hero-copy p { width:610px; margin:24px 0 0; font-size:18px; line-height:34px; color:#e8f7ff; }
.alumni-hero-actions { margin-top:34px; }
.alumni-hero-actions a { display:inline-block; width:150px; height:42px; line-height:42px; margin-right:14px; text-align:center; border-radius:3px; font-size:15px; }
.alumni-btn-primary { background:#ffdf5c; color:#123757; }
.alumni-btn-secondary { border:1px solid rgba(255,255,255,.65); color:#fff; }
.alumni-info-card { position:absolute; right:0; top:82px; width:392px; padding:28px 32px 30px; background:rgba(255,255,255,.96); border-top:5px solid #1d9bd7; box-shadow:0 18px 42px rgba(5,32,63,.26); }
.alumni-info-card h2 { margin:0 0 20px; font-size:24px; color:#15456f; font-weight:normal; }
.alumni-info-row { padding:12px 0; border-bottom:1px solid #e8eef4; font-size:15px; line-height:24px; overflow:hidden; }
.alumni-info-row label { float:left; width:92px; color:#718091; }
.alumni-info-row span { display:block; margin-left:96px; color:#26394c; }
.alumni-info-row .alumni-price { font-size:24px; color:#e85f3d; font-weight:bold; }
.alumni-subnav { height:70px; line-height:70px; background:#f5f9fc; border-bottom:1px solid #e5edf4; }
.alumni-subnav a { display:inline-block; margin-right:54px; font-size:16px; color:#31475d; }
.alumni-subnav a:hover { color:#168ed0; }
.alumni-section { padding:72px 0 0; }
.alumni-section-title { text-align:center; }
.alumni-section-title h2 { margin:0; font-size:32px; color:#1e3d5d; font-weight:normal; }
.alumni-section-title p { margin:14px auto 0; width:680px; font-size:15px; line-height:28px; color:#748396; }
.alumni-line { width:58px; height:3px; margin:20px auto 0; background:#1d9bd7; }
.alumni-param-list { margin-top:44px; overflow:hidden; }
.alumni-param-item { float:left; box-sizing:border-box; width:270px; min-height:146px; margin-right:40px; padding:28px 20px 24px; background:#fff; border:1px solid #e7eef5; box-shadow:0 10px 24px rgba(26,68,104,.06); }
.alumni-param-item.last { margin-right:0; }
.alumni-param-num { font-size:38px; color:#1d9bd7; line-height:42px; font-family:Georgia, "Times New Roman", serif; }
.alumni-param-item h3 { margin:18px 0 10px; font-size:20px; color:#26394c; font-weight:normal; }
.alumni-param-item p { font-size:14px; color:#738296; line-height:26px; }
.alumni-flow { margin-top:44px; padding:40px 0 34px; background:#f2f8fc; overflow:hidden; }
.alumni-flow-item { float:left; width:348px; margin-right:78px; text-align:center; }
.alumni-flow-item.last { margin-right:0; }
.alumni-flow-icon { width:86px; height:86px; line-height:86px; margin:0 auto 22px; border-radius:50%; background:#1d9bd7; color:#fff; font-size:28px; font-family:Georgia, "Times New Roman", serif; box-shadow:0 12px 24px rgba(29,155,215,.24); }
.alumni-flow-item h3 { font-size:20px; color:#1e3d5d; font-weight:normal; }
.alumni-flow-item p { margin-top:12px; font-size:14px; line-height:26px; color:#728198; }
.alumni-feature-grid { margin-top:44px; overflow:hidden; }
.alumni-feature { float:left; box-sizing:border-box; width:282px; height:154px; margin:0 24px 26px 0; padding:26px 20px 0; background:#fff; border:1px solid #e7eef5; border-left:4px solid #1d9bd7; }
.alumni-feature:nth-child(4n) { margin-right:0; }
.alumni-feature h3 { font-size:19px; color:#25445f; font-weight:normal; }
.alumni-feature p { margin-top:12px; font-size:14px; line-height:25px; color:#718091; }
.alumni-preview { margin-top:44px; padding:58px 0 64px; background:#102f4e; overflow:hidden; }
.alumni-preview-head { color:#fff; overflow:hidden; }
.alumni-preview-head h3 { float:left; width:360px; font-size:30px; line-height:42px; font-weight:normal; }
.alumni-preview-head p { float:right; width:760px; margin-top:6px; font-size:15px; line-height:30px; color:#bcd8ed; }
.alumni-shot-list { margin-top:34px; overflow:hidden; }
.alumni-shot-card { background:#fff; border-radius:4px; overflow:hidden; box-shadow:0 18px 38px rgba(0,0,0,.24); }
.alumni-shot-card h4 { height:48px; line-height:48px; padding:0 20px; color:#1e3d5d; font-size:17px; font-weight:normal; border-bottom:1px solid #e7eef5; background:#f8fbfd; }
.alumni-shot-card img { display:block; width:100%; height:auto; }
.alumni-shot-main { width:1200px; }
.alumni-shot-half { float:left; width:584px; margin-top:32px; }
.alumni-shot-half.last { float:right; }
.alumni-service { margin-top:44px; overflow:hidden; padding-bottom:84px; }
.alumni-service-item { float:left; box-sizing:border-box; width:582px; min-height:174px; margin-right:36px; padding:32px; background:#fff; border-top:4px solid #1d9bd7; box-shadow:0 12px 30px rgba(26,68,104,.08); }
.alumni-service-item.last { margin-right:0; }
.alumni-service-item h3 { font-size:22px; color:#1e3d5d; font-weight:normal; }
.alumni-service-item p { margin-top:16px; color:#718091; font-size:14px; line-height:28px; }
.alumni-tag-list { margin-top:18px; }
.alumni-tag-list span { display:inline-block; margin:0 8px 8px 0; padding:6px 12px; color:#168ed0; border:1px solid #cde8f6; background:#f5fbff; }
</style>
<script src="js/jquery.js"></script>
</head>
<body>
<%@ include file="navigation.jsp" %>
<div class="alumni-card-page">
<div class="alumni-card-hero" id="alumniTop">
<div class="alumni-wrap">
<div class="alumni-hero-inner">
<div class="alumni-hero-copy">
<div class="alumni-eyebrow">校友服务 · 身份认证 · 卡务管理</div>
<h1>杰夫 <span>校友卡</span> V1.1</h1>
<p>面向高校、学院与校友会的校友身份认证和校友卡管理系统，统一承载校友信息采集、审核认证、电子校友卡生成、状态管理与服务入口。</p>
<div class="alumni-hero-actions">
<a class="alumni-btn-primary" href="#alumniProduct">查看产品信息</a>
<a class="alumni-btn-secondary" href="#alumniScene">适用场景</a>
</div>
</div>
</div>
<div class="alumni-info-card">
<h2>商品基础信息</h2>
<div class="alumni-info-row"><label>商品名称</label><span>杰夫 校友卡 V1.1</span></div>
<div class="alumni-info-row"><label>品牌</label><span>杰夫</span></div>
<div class="alumni-info-row"><label>型号</label><span>校友卡 V1.1</span></div>
<div class="alumni-info-row"><label>销售规格</label><span>服务器版本 - 1年</span></div>
<div class="alumni-info-row"><label>价格</label><span class="alumni-price">3万元</span></div>
<div class="alumni-info-row"><label>核心参数</label><span>校友卡生成、认证审核、状态管理</span></div>
<div class="alumni-info-row"><label>适用场景</label><span>高校、学院、校友会、校园服务平台</span></div>
</div>
</div>
</div>
<div class="alumni-subnav">
<div class="alumni-wrap">
<a href="#alumniProduct">产品参数</a>
<a href="#alumniBusiness">业务流程</a>
<a href="#alumniFunction">功能能力</a>
<a href="#alumniScene">界面截图</a>
<a href="#alumniSupport">交付支持</a>
</div>
</div>
<div class="alumni-section" id="alumniProduct">
<div class="alumni-wrap">
<div class="alumni-section-title">
<h2>产品参数</h2>
<div class="alumni-line"></div>
<p>以校友实名身份为核心，围绕学校已有数据、校友自助申领和后台审核管理，形成可独立部署、可扩展对接的轻量化校友服务入口。</p>
</div>
<div class="alumni-param-list">
<div class="alumni-param-item">
<div class="alumni-param-num">01</div>
<h3>身份采集</h3>
<p>支持校友基础信息、毕业信息、联系方式等数据采集，为校友认证提供统一入口。</p>
</div>
<div class="alumni-param-item">
<div class="alumni-param-num">02</div>
<h3>认证审核</h3>
<p>后台可按学校业务规则进行审核、驳回、补充材料和状态追踪，降低人工沟通成本。</p>
</div>
<div class="alumni-param-item">
<div class="alumni-param-num">03</div>
<h3>电子校友卡</h3>
<p>审核通过后自动生成电子校友卡，可作为校友服务、活动报名和权益识别的统一凭证。</p>
</div>
<div class="alumni-param-item last">
<div class="alumni-param-num">04</div>
<h3>服务扩展</h3>
<p>可对接校友活动、校友会管理、校园服务系统和后续增值模块，保持业务可持续扩展。</p>
</div>
</div>
</div>
</div>
<div class="alumni-section" id="alumniBusiness">
<div class="alumni-wrap">
<div class="alumni-section-title">
<h2>业务流程</h2>
<div class="alumni-line"></div>
<p>从校友自助申领到后台审核，再到校友卡发放，流程清晰可控，适合学校快速上线试点。</p>
</div>
<div class="alumni-flow">
<div class="alumni-flow-item">
<div class="alumni-flow-icon">1</div>
<h3>校友提交信息</h3>
<p>校友通过移动端入口完成信息填写与材料提交，减少线下登记和重复沟通。</p>
</div>
<div class="alumni-flow-item">
<div class="alumni-flow-icon">2</div>
<h3>学校审核认证</h3>
<p>管理员在后台进行资料核验、审核记录留痕，并统一维护认证状态。</p>
</div>
<div class="alumni-flow-item last">
<div class="alumni-flow-icon">3</div>
<h3>校友卡发放</h3>
<p>认证通过后生成校友卡，后续可作为活动、服务和权益体系的统一身份凭证。</p>
</div>
</div>
</div>
</div>
<div class="alumni-section" id="alumniFunction">
<div class="alumni-wrap">
<div class="alumni-section-title">
<h2>功能能力</h2>
<div class="alumni-line"></div>
<p>围绕校友卡上线所需的核心能力做减法，优先保证申领、审核、制卡和管理闭环稳定可用。</p>
</div>
<div class="alumni-feature-grid">
<div class="alumni-feature"><h3>校友信息管理</h3><p>统一维护校友基础档案，支持查询、筛选和状态管理。</p></div>
<div class="alumni-feature"><h3>在线申领入口</h3><p>提供移动端友好的申领流程，降低校友使用门槛。</p></div>
<div class="alumni-feature"><h3>审核工作台</h3><p>集中处理待审核、已通过、已驳回等业务状态。</p></div>
<div class="alumni-feature"><h3>电子卡展示</h3><p>生成统一视觉的校友卡页面，便于校友长期使用。</p></div>
<div class="alumni-feature"><h3>状态追踪</h3><p>管理员可查看申领进度和认证结果，业务过程可追溯。</p></div>
<div class="alumni-feature"><h3>角色权限</h3><p>按管理人员职责配置操作权限，减少误操作风险。</p></div>
<div class="alumni-feature"><h3>数据导入导出</h3><p>适配学校已有校友数据整理、迁移和统计需求。</p></div>
<div class="alumni-feature"><h3>扩展对接</h3><p>可按项目需要对接校友会、活动、校园服务等后续模块。</p></div>
</div>
</div>
</div>
<div class="alumni-section" id="alumniScene">
<div class="alumni-preview">
<div class="alumni-wrap">
<div class="alumni-preview-head">
<h3>真实界面截图，展示产品核心页面</h3>
<p>这里展示原产品资料中的校友卡系统登录页、校友卡申请管理页和校友卡查看页，便于客户直接了解后台数据管理、申请审核与卡片查看的实际界面。</p>
<div class="alumni-clear"></div>
</div>
<div class="alumni-shot-list">
<div class="alumni-shot-card alumni-shot-main">
<h4>校友卡申请管理页面</h4>
<img src="images/alumni-card-apply.jpg" alt="校友卡申请管理页面" />
</div>
<div class="alumni-shot-card alumni-shot-half">
<h4>校友卡查看页面</h4>
<img src="images/alumni-card-view.jpg" alt="校友卡查看页面" />
</div>
<div class="alumni-shot-card alumni-shot-half last">
<h4>校友卡系统登录页面</h4>
<img src="images/alumni-card-login.jpg" alt="校友卡系统登录页面" />
</div>
<div class="alumni-clear"></div>
</div>
</div>
</div>
</div>
<div class="alumni-section" id="alumniSupport">
<div class="alumni-wrap">
<div class="alumni-section-title">
<h2>交付支持</h2>
<div class="alumni-line"></div>
<p>以标准产品能力为基础，根据学校校友管理流程做必要配置和适配，控制交付边界，保障上线效率。</p>
</div>
<div class="alumni-service">
<div class="alumni-service-item">
<h3>适用单位</h3>
<p>适合高校、二级学院、校友会、继续教育学院和校园综合服务平台，用于建立统一校友身份入口。</p>
<div class="alumni-tag-list">
<span>高校</span><span>学院</span><span>校友会</span><span>校园服务</span>
</div>
</div>
<div class="alumni-service-item last">
<h3>交付内容</h3>
<p>包含系统部署、基础配置、管理员使用说明、上线验证和必要的数据初始化支持。后续扩展能力可按项目范围另行配置。</p>
<div class="alumni-tag-list">
<span>系统部署</span><span>业务配置</span><span>上线验证</span><span>运维支持</span>
</div>
</div>
<div class="alumni-clear"></div>
</div>
</div>
</div>
</div>
<%@ include file="footer.jsp" %>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/view/footer.jsp
......@@ -102,7 +102,7 @@
<a href="bigDateCenter?dsjjy" title="数据中心">数据中心</a>
</div>
<div class="foot_contentA2">
<a href="renzhengfuwu?dsjjy" title="认证服务">认证服务</a>
<a href="renzhengfuwu?dsjjy" title="认证服务">认证服务</a><a href="alumniCard?dsjjy" title="校友卡">校友卡</a>
</div>
</div>
<div class="footer_image">
......
src/main/webapp/WEB-INF/view/navigation.jsp
......@@ -232,6 +232,7 @@
<li><a href="bigDatePX?dsjjy">大数据培训</a></li>
<li><a href="bigDateCenter?dsjjy">数据中心</a></li>
<li><a href="renzhengfuwu?dsjjy">认证服务</a></li>
<li><a href="alumniCard?dsjjy">校友卡</a></li>
</ul>
</div>
<div class="navBox" id="zhengwuBigData">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment