实习日记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个竖向 ...
随机推荐
- python中参数传递之位置传递、关键字传递、包裹传递与解包裹
原文地址https://blog.csdn.net/love666666shen/article/details/77131487 1.位置与关键字传递 (1)位置传递:先用形式参数定义,然后在调用时 ...
- iOS 测试企业应用的分发
开发者能够方便地来做iOS应用的测试分发,目前可以选用“浦公英”和“Fir.im”来做. 生成IPA文件 生成应用的 IPA 文件可以使用命令行 xcodebuild exportArchive -e ...
- MySQL-UNIQUE
什么是UNIQUE约束 可以使用 UNIQUE 约束确保在非主键列中不输入重复的值.尽管 UNIQUE 约束和 PRIMARY KEY 约束都强制唯一性,但想要强制一列或多列组合(不是主键)的唯一性时 ...
- Hibernate基础增删改查语法
1.创建好Hibernate项目,创建好实体类和测试类,如果不会创建Hibernate项目的同学,点此处:http://www.cnblogs.com/zhaojinyan/p/9336174.htm ...
- django 设置不带后缀的访问路径
在urls.py 设置空路径,并指向对应的html文件 url(r'^$', views.index),
- C# 数值类型和无穷大
在c#语言中的数字有两个特性要了解.例如:任何数除以0所得的结果是无穷大,不在int long 和decimal类型的范围内.所以计算(一个数除以0会出错),但是在double和float类型中有一个 ...
- Git从远程仓库里拉取一条本地不存在的分支方法
Git从远程仓库里拉取一条本地不存在的分支方法 从远程仓库里拉取一条本地不存在的分支时,进入到对应目录先执行git fetch然后再执行git checkout -b 本地分支名 origin/远程分 ...
- VPS高性能虚拟机KVM详解
1. KVM 介绍 1.0 虚拟化简史 其中,KVM 全称是 基于内核的虚拟机(Kernel-based Virtual Machine),它是Linux 的一个内核模块,该内核模块使得 Linux ...
- こだわり者いろはちゃん / Iroha's Obsession (暴力枚举)
题目链接:http://abc042.contest.atcoder.jp/tasks/arc058_a Time limit : 2sec / Memory limit : 256MB Score ...
- [转载]ORA-01502错误成因和解决方法
检查一下索引状态,我们会注意到索引已经是“UNUSABLE”了.SQL> select index_name,index_type,tablespace_name,table_type,stat ...