实习日记a
根据NPSaleAPI项目，学习了weUI
练习：
<a href="javascript:;" class="weui_btn weui_btn_primary">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_primary">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_warn">确认</a>
<a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_warn">确认</a>
<a href="javascript:;" class="weui_btn weui_btn_default">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_default">按钮</a>
<div class="button_sp_area">
<a href="javascript:;" class="weui_btn weui_btn_plain_default">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_plain_primary">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">按钮</a>
<a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default">按钮</a>
</div>
<div class="weui_cells_title">带说明的列表项</div>
<div class="weui_cells">
<div class="weui_cell">
<div class="weui_cell_bd weui_cell_primary">
<p>标题文字</p>
</div>
<div class="weui_cell_ft">
说明文字
</div>
</div>
</div>
练习一些简单的前端HTML、css、JS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<link href="../Content/CSS/testCSS.css" />
<!--<link href="../Scripts/pageJS/testJS.js" />-->
</head>
<body>
<div class="div0">
<div class="div1">
<a href=""><img alt="广告1" src="../Content/css/image/ggg.png" width="320px" height="45px"></a>
<a href=""><img alt="广告2" src="../Content/css/image/ff.png" width="450px" height="30px" class="img1"></a>
</div>
<div class="div2">
<!-- <img alt="广告3" src="css/f.png" width="570px" height="650px"> -->
<div class="div3">
<form action="" method="get">
<table>
<tr>
<td>欢迎注册<span class="td1">已注册可</span><a href="" class="a1">直接登入</a></td>
</tr>
<tr>
<td>
<input type="text" name="phoneno" style="width:300px;height:30px" placeholder="请输入手机号" />
</td>
</tr>
<tr>
<td>
<input type="text" name="number" style="width:180px;height:30px" placeholder="请你手机获得的验证码" />
<input type="button" disabled="disabled" value="获取验证码" style="width:120px;height:35px" />
</td>
</tr>
<tr>
<td>
<input type="text" name="password" style="width:300px;height:30px" placeholder="请输入密码" />
</td>
</tr>
<tr>
<td>
<input type="text" id="lastpassword" style="width:300px;height:30px" placeholder="请再次输入密码" />
</td>
</tr>
<tr>
<td><input type="checkbox" id="xuanze"><span class="xuanze">我已阅读并接受以下条款：</span><a href="">《唯品会服务条款》</a><a href="">《隐私条款》</a><a href="">《唯品支付用户服务协议》</a><br><a href="">《唯品信用服务协议》</a></td>
</tr>
<tr>
<td>
<input type="submit" value="立即提交" style="width:300px;height:40px;color:#fff" />
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</body>
</html>
* {
margin: 0px;
padding: 0px;
}
.div0 {
margin: auto;
width: 80%;
height: 100%;
}
.div1 {
margin-top: 50px;
width: 80%;
height: 100%;
margin-left: 120px;
}
.img1 {
margin-top: -100%;
padding-left: 530px;
}
.div2 {
margin: auto;
margin-top: 40px;
width: 80%;
height: 500px;
background: url("css/g.jpg") no-repeat;
}
.div3 {
padding-top: 35px;
width: 35%;
height: 100%;
float: right;
}
a {
font-size: 12px;
text-decoration: none;
color: #1d94d1;
}
.a1 {
color: #f10280;
}
a:hover {
color: #66ccff;
}
.a1:hover {
text-decoration: underline;
color: #f10180;
}
.td1 {
margin-left: 130px;
font-size: 14px;
}
tr td {
padding: 11px;
}
.xuanze {
font-size: 13px;
}
/**
* 显示角色
* */
displayRoles();
function displayRoles(){
$.ajax({
type: "post",
url: "",
async: true,//异步
dataType: 'json',
success: function (data) {
var content = "<div ><ul>";
for (var i = 0; i < data.length; i++) {
var item = data[i];
content += "<li onclick='displayManage(" + item.roleid + ")'>" + item.rolename + "</li>";
}
content += "<div></ul>";
$("#displayroles").html(content);
},
error: function (err) {
console.log(err);
}
});
}
/**
*
*
* 顯示選中的角色信息界面
*
*/
function displayManage(roleid){
$.ajax({
type: "post",
url: "",
async: true,//异步
dataType: 'json',
data: {
roleid: roleid,
},
success: function (data) {
var state = "";
var content = "<ul>";
for (var i = 0; i < data.length; i++) {
var item = data[i];
state = item.rolestate == 1 ? "啓用" : "停用";
content += "<li>角色名：" + item.rolename + "狀態：<font-size='10' color='red'>" + state + "</font></li>";
//content+="<li>狀態：<font size='10' color='red'>"+state+"</font></li>";
content += "<li>角色描述：" + item.roledes + "</li>";
}
$("#disrole").html(content);
},
error: function (err) {
console.log(err);
}
});
}
$(document).ready(function(){
$("#displayroles").click(function () {
$("#disrole").slideToggle("slow");
});
});
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
</head>
</head>
<body>
<%-- <table border="1">
<caption>员工信息</caption>
<tr>
<th>ID</th>
<th>LastName</th>
<th>Email</th>
<th>Gender</th>
<th>Delete</th>
</tr>
<c:forEach items="${emps}" var="emp">
<tr>
<td>${emp.id }</td>
<td>${emp.lastName }</td>
<td>${emp.email }</td>
<td>${emp.gender == 0 ? '女':'男' }</td>
<td><a id="delete" href="#" onclick="doDel('${pageContext.request.contextPath }/doDel/${emp.id}')">Del Employee</a></td>
<td><a href="${pageContext.request.contextPath }/gotoUpd/${emp.id}">Upd Employee</a></td>
</tr>
</c:forEach>
</table>
<a href="${pageContext.request.contextPath }/gotoDoins">Add Employee</a>
<h1>${insflag == false ? '新增成功':'新增失败'}</h1>
<br>
<form action="" method="POST" id="f">
<input type="hidden" name="_method" value="DELETE">
</form>
<h1>${delflag== false ? '删除成功':'删除失败'}</h1>
<h1>${updflag == false ? '修改成功':'修改失败'}</h1> --%>
<div id="dis"></div>
<!-- <form action="">
<input type="text" >
<input type="submit">
</form> -->
</body>
<script type="text/javascript">
display();
/* function doDel(href) {
$("#f").attr("action", href).submit();
} */
function display(){
$.ajax({
type:"post",
url:"${pageContext.request.contextPath}/getemps",
async:true,
dataType:'json',
success:function(data){
/* for(var i = 0;i<data.length;i++){
//var emp = data[i];
alert(data[i].lastName + "==" + data[i].email);
} */
var content="<table border='1'><caption>员工信息</caption><tr><th>ID</th><th>LastName</th><th>Email</th><th>Gender</th><th>delete</th><th>update</th></tr>";
for(var i=0;i<data.length;i++){
var item=data[i];
content+="<tr><td>"+item.id+"</td>";
content+="<td>"+item.lastName+"</td>";
content+="<td>"+item.email+"</td>";
if(item.gender=="0"){
item.gender="女";
}else{
item.gender="男";
}
content+="<td>"+item.gender+"<td>";
/* content+="<td><a id='delete' href='#' onclick='doDel('${pageContext.request.contextPath}/doDel/"+item.id+"')'>Del Employee</a></td>"; */
content+="<td><a id='delete' href='#' onclick='dodel("+item.id+")'>Del Employee</a></td>";
content+="<td><a href='${pageContext.request.contextPath }/gotoUpd/"+item.id+"'>Upd Employee</a></td></tr>";
}
content+="</table>";
content+="<a href='${pageContext.request.contextPath }/gotoDoins'>Add Employee</a>";
/* content+="<a onclick='doins()'>Add Employee</a>"; */
$("#dis").html(content);
},
error:function(err){
console.log(err);
}
});
}
function dodel(id){
if(confirm("確認刪除？")){
$.ajax({
type:"post",
url:"${pageContext.request.contextPath}/doDel",
async:true,
dataType:'json',
data:{
id:id,
},
success:function(data){
if(data[0]==true){
alert("清除失敗");
}else if(data[0]==false){
alert("清除成功");
}
display();
},
error:function(err){
console.log(err);
}
});
}
}
/* function doins(){
content+="<form action='${pageContext.request.contextPath }/doIns' method='post'>";
content+="<table>";
content+="<tr><td>lastName<input type='text'></td></tr>";
content+="<tr><td>email<input type='text'></td></tr>";
content+="<tr><td>gender<input type='text'></td></tr>";
content+="<tr><td><input type='submit' value='提交'></tr>";
content+="</form>";
$("#disins").html(content);
} */
</script>
</html>
C# 项目的认识：
基本的文件夹命名：
|
Folder |
Purpose |
|
/Controllers |
控制器 ：响应输入，处理业务逻辑，返回页面 |
|
/Views |
控制UI显示 |
|
/Models |
保存模型，以及操作模型数据 |
|
/Content |
程序资源CSS，images等 |
|
/Scripts |
程序脚本 |
根据个人爱好找到了一篇有关.NET C#和Java对比的一系列文章：
https://www.cnblogs.com/rabbityi/p/7089244.html
实习日记a的更多相关文章
- TW实习日记：前三天
今天是2018年7月20号,周五.从周一开始实习到现在,终于想起来要写日记这种东西了,可以记录一下自己这一天所学所做所知也是蛮不错的.先简单总结一下自己的大学生活吧,算是多姿多彩,体验了很多东西.在大 ...
- TW实习日记：第九天
这两天有点忙,要改前端网页和加需求上去.所以昨天说的Vue缓存机制也没看,所以打算现在列个挖了的坑的清单: Vue缓存机制.生命周期和钩子函数 使用项目组自用组件来重写静态页面 SSM框架搭建.整合流 ...
- TW实习日记：第31-32天
不知不觉的,实习的净工作天数,已经都超过一个月了.因为对工作内容不是很满意,所以打算月底离职,也不知道是公司太缺人还是我真的能干活,领导竟然三番两次找我让我再考虑...明天又要找我了,哎...随机应变 ...
- $2015 武汉森果公司web后端开发实习日记----书写是为了更好的思考
找暑期实习,3月份分别投了百度和腾讯的实习简历,都止步于笔试,总结的主要原因有两点:基础知识不扎实,缺乏项目经验．后来到拉勾网等网站上寻找实习,看了很多家,都还是处于观望状态．后来参加了武汉实习吧在大 ...
- TW实习日记：第四天
第四天 早上第一件事就是和组长说前一天的需求的事,简而言之就是两个导航栏不属于一个标签内,自定义导航栏属于<body>下的<header>,微信顶部的则是<head> ...
- 实习日记：图像检索算法 LSH 的总结与分析(matlab)
最开始仿真和精度测试,基于 matlab 完成的. Demo_MakeTable.m (生成 Hash 表) %======================================== %** ...
- 实习日记：图像检索算法 LSH 的总结与分析
先贴上这两天刚出炉的C++代码.(利用 STL 偷了不少功夫,代码待优化) Head.h #ifndef HEAD_H #define HEAD_H #include "D:\\LiYang ...
- 2016年3月15日Android实习日记
1.解决了ScrollView滑动冲突问题. 2.设置好了“查看详解”与“题目编号”的部分. 3.完成了app启动图片的设置,并在启动的过程中开辟新的线程连接服务器并开启监听数据. 别忘了注册启动Ac ...
- 2016年3月11日Android实习日记
1.明天删除orthodotics_design_animation_content_gif.gif文件.(已完成) 2. 如何检测内存泄露? A: 可以通过一些性能监测分析工具,如 JProfile ...
- 2016年3月10日Android实习日记
待解决问题: *1:内部ScrollView与外部手势事件滑动冲突问题. *2:Linearlayout+View+LinearLayout横向排列,这其中两个LinearLayout内部各有3个竖向 ...
随机推荐
- iOS UI基础-9.0 UITableView基础
在iOS中,要实现表格数据展示,最常用的做法就是使用UITableView.UITableView继承自UIScrollView,因此支持垂直滚动,而且性能极佳. UITableView有两种样式: ...
- MyBatis基础入门《十 一》修改数据
MyBatis基础入门<十 一>修改数据 实体类: 接口类: xml文件: 测试类: 测试结果: 数据库: 如有问题,欢迎纠正!!! 如有转载,请标明源处:https://www.cnbl ...
- sqoop往远程hdfs写入数据时出现Permission denied 的问题
猜测出现该问题的原因是sqoop工具用的是执行sqoop工具所用的本地用户名. 如果远程hdfs用的用户是hdfs,那么我本地还需要建一个名为hdfs的用户? 其实不需要,只要为用户增加一个环境变量就 ...
- Day11 多进程与多线程编程
一.进程与线程 1.什么是进程(process)? An executing instance of a program is called a process. Each process provi ...
- css selectors tips
from https://saucelabs.com/resources/articles/selenium-tips-css-selectorsSauce Labs uses cookies to ...
- 20155228 2017-5-10 课堂测试：Arrays和String单元测试
20155228 2017-5-10 课堂测试:Arrays和String单元测试 题目和要求 在IDEA中以TDD的方式对String类和Arrays类进行学习 测试相关方法的正常,错误和边界情况 ...
- 两眼论&矩阵变现理论结合打造赚钱大模式
两眼论&矩阵变现理论结合打造赚钱大模式 围棋有一个基本规则,就是一块棋有两只真眼,就是活棋. 围棋没有复杂的规则,它最有趣的地方是没有太多的规则和限制,由此演变出了大千世界,所以古人云“棋如人 ...
- Poj3253 Fence Repair (优先队列)
Fence Repair Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 67319 Accepted: 22142 De ...
- 课堂测试代码（未完全实现，部分代码有bug，仅供参考）
//信1705-3 20173507 周龙海package account; public class account { private String accountID; private Stri ...
- Win10+Ubuntu16.04双系统安装过程中遇到的一些问题及解决办法
前两天闲来无聊重装了系统,装的是win10 64的系统,后来心血来潮索性再装Ubuntu,搞成win10+Ubuntu双系统. win10系统的镜像文件可以通过MSDN网站获取,MSDN是一个很可靠的 ...