实习日记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个竖向 ...
随机推荐
- Cocos2d-JS studio基础控件的使用
在studio里把几个基础控件往场景文件一拖,然后导出json格式的资源文件 逻辑代码如下: 1 var HelloWorldLayer = cc.Layer.extend({ 2 sprite:nu ...
- SQLite之C#连接SQLite
SQLite是一个开源.免费的小型的Embeddable RDBMS(关系型数据库),用C实现,内存占用较小,支持绝大数的SQL92标准,现在已变得越来越流行,它的体积很小,被广泛应用于各种不同类型的 ...
- 40.SEO----前端该懂的seo技巧
SEO要点:1.语义化html标签,用合适的标签嵌套合适的内容,不可过分依赖div,对浏览器更友善就能更容易被抓取.2.重要的内容html代码放在前面,放在左边.搜索引擎爬虫是从左往右,从上到下进行抓 ...
- webpack使用三
Webpack的强大功能 生成Source Maps(使调试更容易) 开发总是离不开调试,方便的调试能极大的提高开发效率,不过有时候通过打包后的文件,你是不容易找到出错了的地方,对应的你写的代码的位置 ...
- CSU 1849 Comparing answers(数学矩阵)
Comparing answers 离散数学真的要好好学啊:一个邻接矩阵(这个矩阵一定是n×n的方阵,n是图的节点个数),表示的是从i到j有几条通路的时候,矩阵的1次方就代表从从i到j长度为1的路径通 ...
- PHP与JSP简单比较
比较PHP和JSP这两个Web开发技术,在目前的情况是其实是比较php和Java的Web开发.以下就几个主要方面进行的比较: 一. 语言比较 PHP是解释执行的服务器脚本语言,首先php有简单容易上手 ...
- 联想拯救者win10+ubuntu14.04
之前是win10+win7,默认win10启动,win7所在磁盘直接格式化即可(如果是win10+unbuntu不能这么搞,据说会导致win10也起不来) 按F2进bios 除了按这里fast boo ...
- ubuntu16.04——WingIDE安装 操作服务器是一件很好玩的事情
1.在服务器上部署环境时,区分linux 系统和winddos系统 2.下载安装包: 3.输入命令操作 4.进入相对应的目录下: 5.命令 6.发生错误,更新环境 7.安装成功
- android手机平板如何使用usb有线网卡
最近有个项目需要在android平板上使用usb有线网卡,所以做了一部分工作,在这里简单总结一下. 我在TB上购买了一个micro-usb接口的android免驱有线网卡,这个网上很多,随便买一个符合 ...
- Locust 设置响应断言
转:http://www.testclass.net/locust/assert/ 性能测试也需要设置断言么? 某些情况下是需要,比如你在请求一个页面时,就可以通过状态来判断返回的 HTTP 状态码是 ...