用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字

小蜜锋    -  云代码空间

—— 技术宅拯救世界!

广东海洋大学体育馆管理系统 开发日记(10)——前端设计

2013-01-15|7204阅||

摘要:本文主要内容是web前端设计,包括html,css,js,jsp等技术。整个系统分为两大部分——用户前台和管理员后台。

        从这篇文章开始,开发就进入编码阶段了。这个阶段开发主要由我一个人做,大约0.4人月。有很多地方没根据文档来做,但是大体上还是跟之前的文档挂钩的,在此感谢小组成员编写了大量的文档。
        本文主要内容是web前端设计,包括html,css,js,jsp等技术。页面采用div+css布局,前台模板均是jsp页面,但不能直接访问,而是通过控制器调用,后面将会讲到。整个系统分为两大部分——用户前台和管理员后台。用户前台使用红色作为主色调,体现体育的激情;管理员后台用了蓝色作为主色调。

GYM配色示意图

        下面先制作页面公共部分。

header.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path2 = request.getContextPath();
	String basePath2 = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path2 + "/";
%>

<!--header-->

<div id="header">
  <div class="content">
    <div class="logo"> <a href="<%=basePath2 %>"><img src="<%=basePath2%>images/logo.png" width="100" height="100" /></a> </div>
    <div class="name">
      <h1> 广东海洋大学体育馆网上系统 </h1>
      <span class="version">beta1.0</span> </div>
    <div class="banner"> <img src="<%=basePath2%>images/banner.png" /> </div>
  </div>
</div>

<!--navigation-->
<div id="menu">
  <ul>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_1" class='m_li' onmouseover='mover(1);'
			onmouseout='mout(1);'> <a href="<%=basePath2%>">首页</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_2" class='m_li' onmouseover='mover(2);'
			onmouseout='mout(2);'> <a href="<%=basePath2%>match/index.html">体育赛事</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_3" class='m_li' onmouseover='mover(3);'
			onmouseout='mout(3);'> <a href="<%=basePath2%>ground/index.html">场地预定</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_4" class='m_li' onmouseover='mover(4);'
			onmouseout='mout(4);'> <a href="<%=basePath2%>equipment/index.html">器材租借</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_5" class='m_li' onmouseover='mover(5);'
			onmouseout='mout(5);'> <a href="<%=basePath2%>user/index.html">个人中心</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>images/line1.gif" /> </li>
    <li id="m_6" class='m_li' onmouseover='mover(6);'
			onmouseout='mout(6);'> <a href="<%=basePath2%>notice/index.html">公告</a> </li>
    <li class="m_line"> <img src="<%=basePath2%>admin/images/line1.gif" /> </li>
    <li id="m_7" class='m_li' onmouseover='mover(7);'
			onmouseout='mout(7);'> <a href="<%=basePath2%>help/index.html">帮助</a> </li>
  </ul>
</div>
<div style="height: 32px; background-color: #F1F1F1;">
  <ul class="smenu">
    <li style="padding-left: 29px;" id="s_1" class='s_li'
			onmouseover='mover(1);' onmouseout='mout(1);'> 欢迎光临广东海洋大学体育馆网上系统
      <% if(null == request.getSession().getAttribute("uName")) {%>
      <span class="login"><a href="<%=basePath2%>login.html">登录</a> </span> <span class="reg"><a href="<%=basePath2%>regist.html">注册</a> </span>
      <% }else{
				out.print(request.getSession().getAttribute("uName"));
%>
      <a href="<%=basePath2%>login.html?action=logout">退出登录</a>
      <%}%>
    </li>
    <li style="padding-left: 141px;" id="s_2" class='s_li'
			onmouseover='mover(2);' onmouseout='mout(2);'> </li>
    <li style="padding-left: 252px;" id="s_3" class='s_li'
			onmouseover='mover(3);' onmouseout='mout(3);'> </li>
    <li style="padding-left: 364px;" id="s_4" class='s_li'
			onmouseover='mover(4);' onmouseout='mout(4);'> </li>
    <li style="padding-left: 476px;" id="s_5" class='s_li'
			onmouseover='mover(5);' onmouseout='mout(5);'> <a href="<%=basePath2%>user/index.html?action=alterinfo">修改信息</a> <span class="split">|</span> <a href="<%=basePath2%>user/index.html?action=resetpwd">修改密码</a> <span class="split">|</span> <a href="<%=basePath2%>user/index.html?action=mybook">我的预约</a> <span class="split">|</span> <a href="<%=basePath2%>user/index.html?action=myrent">我的租借</a> </li>
    <li style="padding-left: 588px;" id="s_6" class='s_li'
			onmouseover='mover(6);' onmouseout='mout(6);'> </li>
    <li style="padding-left: 700px;" id="s_7" class='s_li'
			onmouseover='mover(7);' onmouseout='mout(7);'> </li>
  </ul>
</div>

<!--header-->
footer.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path3 = request.getContextPath();
	String basePath3 = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path3 + "/";
%>

<!--footer-->

<div class="clear"></div>
<div id="footer"> <a href="http://yuncode.net/10000" target="_blank">关于本站</a> - <a href="http://yuncode.net/10260" target="_blank">联系我们</a> - <a href="http://yuncode.net/10044" target="_blank">人才招聘</a> - <a href="http://yuncode.net/10044" target="_blank">免责条款</a> - <a href="http://yuncode.net/10056" target="_blank">意见反馈</a> - <a href="http://yuncode.net/10053" target="_blank">网站导航</a><br />
  <br />
  Copyright @ 2012-2013 www.jianfengstudio.com online services. <br />
  All rights reserved.Security Powered by GDOU SE Class 1102 Group 22 <br />
  粤ICP备xxxxxxxx号<br />
  <br />
</div>
<script>
	init();
	movec();
</script> 
<!--footer-->
        header.jsp包括了页面头部和导航栏,footer.jsp包括了页面底部的相关信息和版权信息,这些每个页面都要用到,因此我把他们放在WebRoot/include里面,然后每个页面的头部和尾部都用<%@ include file="include/header.jsp"%>和<%@ include file="include/footer.jsp"%>来引用。这样做好处有两点,一是提高了代码的重用性,“以代码重用为荣,以复制粘贴为耻”;二是不会导致一处修改,每个文件都要修改。

        接下来就是前台主页的设计了。
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!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" />
<title>广东海洋大学体育馆管理系统</title>
<link href="css/nav.css" rel="stylesheet" type="text/css" />
<script src="js/nav.js" type="text/javascript"></script>
<script src="js/focus.js" type="text/javascript"></script>
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%@ include file="include/header.jsp"%>
<div id="main">
  <div id="row_1">
    <div id="slide">
      <div class="sub_box">
        <div id="p-select" class="sub_nav">
          <div class="sub_more"> <a href="#" onfocus="this.blur()" title="更多"
									style="font-family: Tahoma; font-size: 12px;" target="_blank">更多</a> </div>
          <div class="sub_no" id="bd1lfsj">
            <ul>
              <li class="show"> 1 </li>
              <li class=""> 2 </li>
              <li class=""> 3 </li>
              <li class=""> 4 </li>
              <li class=""> 5 </li>
            </ul>
          </div>
        </div>
        <div id="bd1lfimg">
          <div>
            <dl class="show">
            </dl>
            <dl class="">
              <dt> <a href="http://yuncode.net/article/a_50e1aebfde00097" title="" target="_blank"><img src="upload/1.jpg" /> </a> </dt>
              <dd>
                <h2> <a href="http://yuncode.net/article/a_50e1aebfde00097" target="_blank">12306网上订票系统瘫痪背后的那些事儿</a> </h2>
              </dd>
            </dl>
            <dl class="">
              <dt> <a href="http://yuncode.net/article/a_50e14d20e55bd0" title="" target="_blank"><img src="upload/2.jpg" /> </a> </dt>
              <dd>
                <h2> <a href="http://yuncode.net/article/a_50e14d20e55bd0" target="_blank">Google数据中心探访</a> </h2>
              </dd>
            </dl>
            <dl class="">
              <dt> <a href="http://yuncode.net/article/a_50e43ba8dd10777" title="" target="_blank"><img src="upload/3.jpg" /> </a> </dt>
              <dd>
                <h2> <a href="http://yuncode.net/article/a_50e43ba8dd10777" target="_blank">10个问题找到答案 搜狗VS百度语音助手</a> </h2>
              </dd>
            </dl>
            <dl class="">
              <dt> <a href="http://yuncode.net/article/a_50e1561624b8078" title="" target="_blank"><img src="upload/4.jpg" /> </a> </dt>
              <dd>
                <h2> <a href="http://yuncode.net/article/a_50e1561624b8078" target="_blank">Java图形——水纹倒映效果</a> </h2>
              </dd>
            </dl>
            <dl class="">
              <dt> <a href="http://yuncode.net/article/a_50e152fd4706497" title="" target="_blank"><img src="upload/5.jpg" /> </a> </dt>
              <dd>
                <h2> <a href="http://yuncode.net/article/a_50e152fd4706497" target="_blank">JAVA图形操作类</a> </h2>
              </dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
    <div id="match">
      <div class="column"> 最新赛事 </div>
      <div class="content">
        <ul>
          <c:forEach items="${requestScope.matchList}" var="list">
            <li> <span class="title"><a href="match/index.html?mid=${list.getmId() }">${list.getmName()} </a> </span> <span class="time">${list.getmDate()}</span> </li>
          </c:forEach>
        </ul>
      </div>
    </div>
    <div class="clear"></div>
    <div id="sports-icon"> <img src="images/icon.jpg" /></div>
  </div>
</div>
<script>
	var def = "1";
</script>
<%@ include file="include/footer.jsp"%>
</body>
</html>

        这里用到的jstl标签可以暂时忽略。因为现在是前端设计,不考虑后端传送的数据,只考虑如何显示,如何布局。另外用到了一个图片幻灯片播放,这是网上找来的一个代码,稍作修改即可使用。
        代码底部的var def = "1"; 表示当前页面导航栏的第一个标签高亮。例如var def = "2"; ,那么体育赛事标签高亮。这样做的好处是导航栏可以放到公共引用文件中,但在不同的页面下会高亮对应的标签,用户一看就知道自己当前在哪里。
        关于css类和id的命名,一般涉及布局方面的用id,因为这一般只出现一次;其余的考虑重复使用,都用class。命名方式是单词之间用“-”隔开。具体css文件可下载打包文件查看。


广东海洋大学体育馆管理系统首页

        至此主页模板制作完成。其他模块模板制作过程类似,下面仅给出注册和登录的页面源代码。

regist.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	contentType="text/html; charset=utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!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" />
<title>注册 - 广东海洋大学体育馆网上系统</title>
<link href="css/nav.css" rel="stylesheet" type="text/css" />
<script src="js/nav.js" type="text/javascript"></script>
<script src="js/focus.js" type="text/javascript"></script>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/account.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%@ include file="include/header.jsp"%>
<div id="main">
  <div id="row_1">
    <div id="reg_banner"><img src="images/login_banner.jpg" /></div>
    <div id="reg_div">
      <form action="regist.html" method="post">
        校园卡号:
        <input name="uid" type="text" class="input_text" />
        * <br />
        姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:
        <input name="name" type="text" class="input_text" />
        * <br />
        密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:
        <input name="password" type="password" class="input_text" />
        * <br />
        确认密码:
        <input name="password2" type="password" class="input_text" />
        * <br />
        邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:
        <input name="email" type="text" class="input_text" />
        * <br />
        手机号码:
        <input name="phone" type="text" class="input_text" />
        * <br />
        身份证号:
        <input name="idcard" type="text" class="input_text" />
        * <br />
        <br />
        <br />
        <input type="submit" value="注册" class="btn" />
        <input type="reset" value="重置" class="btn" />
      </form>
    </div>
  </div>
</div>
<script>
	var def = "1";
</script>
<%@ include file="include/footer.jsp"%>
</body>
</html>

login.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	contentType="text/html; charset=utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!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" />
<title>登录 - 广东海洋大学体育馆网上系统</title>
<link href="css/nav.css" rel="stylesheet" type="text/css" />
<script src="js/nav.js" type="text/javascript"></script>
<script src="js/focus.js" type="text/javascript"></script>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/account.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%@ include file="include/header.jsp"%>
<div id="main">
  <div id="row_1">
    <div id="login_banner"><img src="images/login_banner.jpg" /></div>
    <div id="login_div">
      <form action="login.html" method="post">
        <span class="tmp">用户名:</span>
        <input name="uid" type="text" class="input_text" />
        <br />
        密&nbsp;&nbsp;&nbsp;码:
        <input name="password" type="password" class="input_text" />
        <br />
        <br />
        <br />
        <input type="submit" value="登录" class="btn" />
        <input type="reset" value="重置" class="btn" />
      </form>
    </div>
  </div>
</div>
<script>
	var def = "1";
</script>
<%@ include file="include/footer.jsp"%>
</body>
</html>

        效果图如下:
广东海洋大学体育馆管理系统主注册页面



广东海洋大学体育馆管理系统登录页面

        接下来就是管理员后台页面的前端设计了。管理员后台的所有页面、css以及js文件都放在WebRoot/admin目录下,目的是更好地管理和跟前台区分,不然写代码过程中会很容易混乱。这里跟前台设计过程差不多,但因为是后台,所以设计尽可能简洁。

admin/index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!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" />
<title>广东海洋大学体育馆管理系统后台</title>
<link href="css/nav.css" rel="stylesheet" type="text/css" />
<script src="js/nav.js" type="text/javascript"></script>
<script src="js/focus.js" type="text/javascript"></script>
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>

<body>
<%@ include file="include/header.jsp"%>
<div id="main">
  <div id="row_1">
    <% if(null == request.getSession().getAttribute("aId")) {%>
    <div id="admin-login">
      <form action="" method="post">
        <p> 工号&nbsp;&nbsp;
          <input name="aid" type="text" class="input_text" />
        </p>
        <p> 密码&nbsp;&nbsp;
          <input name="password" type="password" class="input_text" />
        </p>
        <p>
          <input name="action" type="hidden" value="login" />
          <input name="" type="submit" value="登录" class="btn_submit" />
          <input name="" type="reset" value="重置" class="btn_submit" />
        </p>
      </form>
    </div>
    <% }else{%>
    <table class="admin-info" cellspacing="2px">
      <c:forEach items="${requestScope.adminList}" var="list">
        <tr>
          <th scope="row">编号</th>
          <td>${list.getaId()}</td>
        </tr>
        <tr>
          <th scope="row">姓名</th>
          <td>${list.getaName()}</td>
        </tr>
        <tr>
          <th scope="row">身份证号</th>
          <td>${list.getIdCardNo()}</td>
        </tr>
        <tr>
          <th scope="row">出生日期</th>
          <td>${list.getBirthdate()}</td>
        </tr>
        <tr>
          <th scope="row">权限</th>
          <td>${list.getPower()}</td>
        </tr>
        <tr>
          <th scope="row">手机号码</th>
          <td>${list.getPhone()}</td>
        </tr>
        <tr>
          <th scope="row">入职日期</th>
          <td>${list.getaEntry()}</td>
        </tr>
        <tr>
          <th scope="row">状态</th>
          <td>${list.getStatus()}</td>
        </tr>
      </c:forEach>
    </table>
    <br />
    <br />
    <h3 class="align-center"> <a href="index.html?action=logout">退出登录</a> </h3>
    <%}%>
  </div>
</div>
<script>
	var def = "1";
</script>
<%@ include file="include/footer.jsp"%>
</body>
</html>


广东海洋大学体育馆管理系统后台首页


        这个系统中有很多地方需要显示列表信息,例如场地列表,器材列表,用户列表......所有的表格都采用统一的无边框风格。


无边框表格

        所有页面的目录结构如下
  
用户前台目录结构                        管理员后台目录结构

        每个模块下都有一个index.jsp,这是每个模块的首页,一般用于显示该模块下的信息。比如WebRoot/ground/index.jsp显示所有场地的列表。

        其实前端设计大部分工作量就是布局,以及调试css,直到跟原设计大致一样。写代码前一定要有一个大致的设计思路,比如配色,风格,页面整体布局,文件目录结构......不然的话做出来的网页会不协调,而且容易导致大量的返工。至于css的运用技巧和页面布局需要平时多观察,多积累。大家平时看到不错的网页,可以看看它的源代码;也可以多到这里逛逛http://yuncode.net/list/web,有什么好的源码别忘了保存到自己的代码库里http://yuncode.net/mylib
        整个项目的源代码将在最后一篇文章里发布,系统有很多不完善的地方,有兴趣而且有时间的朋友可以一起去完善一下,并写一下开发日记记录自己的开发历程。
顶 32踩 6收藏
文章评论
    发表评论

    个人资料

    • 昵称: 小蜜锋
    • 等级: 高级设计师
    • 积分: 7088
    • 代码: 757 个
    • 文章: 360 篇
    • 随想: 211 条
    • 访问: 1261 次
    • 关注

    标签

    设计模式(4)java(9)命名规范(2)广告创意(1)愤怒的小鸟(1)游戏(5)jsp(1)配置(1)Surface(1)windows(1)javabean(1)设计方法(1)开发工具(2)web(4)大数据(2)GPU(1)硬盘(1)内部结构(1)黑客(1)窃取(1)编码(1)解决方法(1)php(28)mysql(9)数据库备份(1)数据库还原(1)命令(2)数据库(1)安装(1)2012(2)世界末日(3)仙剑5前传(1)默哀(1)电源(1)女生(1)装饰器模式(2)古剑奇谭(1)电脑桌(1)史上最牛(1)编程语言(2)小米(3)电视机顶盒(1)营销策略(1)Android(8)手势(1)诺亚方舟(1)Eclipse(1)汽车(1)操作系统(1)软件(1)互联网(5)大事记(1)设计师(2)壁纸(1)古剑奇谭2(1)古剑奇谭网络版(1)云计算(2)服务器(1)框架(2)Socket(1)jquery(1)构造函数执行顺序(1)火车票(1)3D(1)数据中心(2)正则表达式(2)Web前端(1)开发框架(1)系统瘫痪(1)12306(2)cpu(1)javascript(2)开发日记(15)体育馆管理系统(15)网页设计(1)CSS3(3)腾讯(3)小游戏(1)interface(1)平板(2)面试(2)设计(5)摄影(2)数据挖掘(1)钢琴谱(1)情人节(1)陈欧体(1)程序员(3)漫画(1)UserAgent(1)iPhone(2)NoSQL(1)ui(9)越狱(1)指南(1)abstract(1)css(3)git(2)八核(2)三星(1)linux(11)数据类型(1)html5(2)UML(2)perftools(1)创意(1)logo(1)色谱(1)响应式(5)Metro(2)虚拟机(1)jvm(1)垃圾回收(1)left(1)join(1)连接查询(1)溯源系统(1)Override(1)SAE(2)WordPress(1)指针(1)链表(1)系统分析师(1)中间件(1)corba(1)static(1)无线(1)监控(1)iPad(1)Apache(2)比特币(2)命名规则(1)手机支付(1)curl(3)笔记(1)导航(1)thinkphp(1)异常导致本地路径泄漏(1)web设计(1)网络安全(1)诗句(1)4K对齐(1)代码库(1)色彩(1)动画片(1)struts2(3)漏洞(5)确认框(1)心情驿站(1)ArscEditor(1)resources.(1)apktool(1)AppKey(1)新浪微博(1)app(5)广告(3)赚钱(1)响应式布局(1)html(1)淘宝(2)微信(1)重构(5)缓存(1)破解(1)后门(1)七夕(1)SEO(2)概念设计(1)面向对象(1)bootstrap(1)性能(2)优化(1)iis(1)爬虫(1)采集(1)算法(2)文本相似度(2)cto(1)js(1)fsockopen(1)扁平化设计(2)网页(1)心情(7)小米电视(1)开箱(1)励志(2)招聘(3)命名(1)notepad++(1)python(1)配色(3)扁平化(4)ps(2)搞笑(2)创业(3)渲染(1)电影(1)模板(1)微博(1)企业家(1)公司(1)总结(1)前端(1)运营(1)变形(1)svn(4)教程(3)搜狗(1)泄密(1)双11(1)天猫(1)UC(1)启动界面(1)光棍节(1)双十一(2)物流(1)备份(1)更新(1)插入(1)插件(2)jsTree(1)(1)海量数据(1)分辨率(1)草图(1)手绘(1)速度(1)文本处理(1)实习(1)感想(1)文件(1)简历(1)65.49.2.17(1)yum(1)解决办法(1)阿里云(2)推广(1)来往(1)春运(1)LBS(1)gb2312(1)utf-8(1)log4j(1)详解(1)收购(1)私服(1)TortoiseGi(1)post(1)异常(2)flappyBird(1)应用创新大赛(1)宙斯杯(1)学习方法(1)xp(1)退役(1)安全(1)技术贴(1)flash(1)刷机(1)京东(1)电商(1)Tomcat(1)JDK(1)免费(1)长投影(1)图标(1)Photoshop(1)云端集成开发环境(1)软件开发(1)可视化(1)工具(2)OpenSSL(1)Heartbleed(1)vsftp(1)中国知网(1)学术论文(1)免费下载(1)开发(1)手册(1)速查表(1)追随战略(1)sdk(1)文章(1)发布(1)文件管理(1)沙画(1)动效(2)原型(1)感悟人生(1)哲理(1)Bash(1)类图(1)知识管理(1)Console(1)调试命令(1)rpm(1)报错(1)挂载(1)数据盘(1)云主机(1)产品经理(1)原型设计(1)mql4(1)mt4(1)ea(1)程序化交易(1)CURLOPT_PO(1)阿里云​(1)CentOS6(2)OpenSSH(1)漏洞修复(2)升级(1)安骑士(1)链克(1)

    站长推荐