实习日记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>

说明文字

</div>

练习一些简单的前端HTML、css、JS

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

<table>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</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>

</td>

</tr>

</table>

</form>

</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>

<title>Insert title here</title>

src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

</head>

<body>

<%-- <table border="1">

<tr>

<th>LastName</th>

<th>Email</th>

<th>Gender</th>

<th>Delete</th>

</tr>

<c:forEach items="${emps}" var="emp">

<tr>

<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>

<h1>${delflag== false ? '删除成功':'删除失败'}</h1>

<h1>${updflag == false ? '修改成功':'修改失败'}</h1> --%>

<!-- <form action="">

</form> -->

</body>

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天
不知不觉的,实习的净工作天数,已经都超过一个月了.因为对工作内容不是很满意,所以打算月底离职,也不知道是公司太缺人还是我真的能干活,领导竟然三番两次找我让我再考虑...明天又要找我了,哎...随机应变 ...
&dollar;2015 武汉森果公司web后端开发实习日记----书写是为了更好的思考
找暑期实习,3月份分别投了百度和腾讯的实习简历,都止步于笔试,总结的主要原因有两点:基础知识不扎实,缺乏项目经验．后来到拉勾网等网站上寻找实习,看了很多家,都还是处于观望状态．后来参加了武汉实习吧在大 ...
TW实习日记：第四天
第四天早上第一件事就是和组长说前一天的需求的事,简而言之就是两个导航栏不属于一个标签内,自定义导航栏属于<body>下的<header>,微信顶部的则是<head&gt ...
实习日记：图像检索算法 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个竖向 ...

随机推荐

hdu 3632 A Captivating Match(区间dp)
题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=3632 题意:n个人进行比赛,每个人有一个价值a[i],最后冠军只有一个,只能相邻两个人进行 ...
POJ 1496 Word Index
组合数学....和上一题是一样的.... Word Index Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 4303 Acce ...
php + Bootstrap-v3-Typeahead 自动完成组件的使用
Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,类似百度.谷歌等搜索提示:输入关键词出现相应的下拉列表数据. 是Bootstrap-3-Typeah ...
标签（改变样式style）
id可以换为class,class对应的名字可以多个一样 <div class="box">box1</div> <div class="b ...
linux(一)之linux简介
其实在前几天我使用的是csdn来写博客,尝试了一下,发现真的太浪费时间了.可能是自己不太习惯的原因吧.所以最后还是换回使用博客园.接下来给大家带来的是linux,大家听到这里linux感觉很神秘的样子 ...
初始Java
Windows Server 2003 R2标准版 SP2 64位（简体中文）官方原版ISO镜像
Windows Server 2003 R2标准版 SP2 64位 (简体中文)官方原版ISO镜像迅雷下载软件简介 Windows Server 2003 R2标准版是继Windows Serv ...
mybatis动态sql &num;和&dollar;的区别
$和#都支持动态sql:就是你传什么它就是什么区别: 1.#可以防止sql注入在sql执行时显示 '?' 比$安全 SELECT * FROM table WHERE id = ? 2.在使用#传入 ...
[亲测&excl;超级简单] Centos 安装Python3&period;6环境
配置好Python3.6和pip3安装EPEL和IUS软件源 yum install epel-release -y yum install https://centos7.iuscommunity. ...
内核早期内存分配器：memblock
内核早期内存分配器:memblockLinux内核使用伙伴系统管理内存,那么在伙伴系统工作前,如何管理内存?答案是memblock.memblock在系统启动阶段进行简单的内存管理,记录物理内存的使用 ...