laypagepage设置

1、引入laypage所需的js和css文件

<link href="js/laypage/1.3/skin/laypage.css" rel="stylesheet"/>

<script type="text/javascript" src="js/laypage/1.3/laypage.js"></script>

<script type="text/javascript" src="js/layer/2.1/layer.js"></script>

2、定义分页需要显示的地方,id为doctorDiv是分页要显示的地方

1 <div class="doctor_list">

2 <ul id="doctorUL">

3 <div style="clear: both"></div>

4 </ul>

5 <div style="clear: both"></div>

6 <div class="pages" id="doctorDiv">

7

8 </div>

9 </div>

3、使用ajax异步请求查询数据，并分页显示

1 <script type="text/javascript">

2

3 //定义全局变量记录页码信息

4 var globalDate = {}

5 //1页显示两条数据

6 globalDate.pageSize=2

7

8 $(function () {

9 //查询数据

10 search()

11

12 })

13

14

15 //查询数据

16 function search(date) {

17 var str = ""

18 $.ajax({

19 type: "post",

20 url: "<%=basePath%>mytlist.html",

21 dataType: "json",

22 async: true,

23 data: date,

24 success: function (data) {

25 if (data.result) {

26 var mydata = data.obj.list

27 for (var i = 0i <mydata.lengthi++) {

28 var info = mydata[i]

29 str += "<li>"

30 str += "<a onclick=" + "doctorDetail('" + info.id + "')" + ">"

31 //str+="<a href='mytdoctor_xq.html?id='"+info.id+">"

32 str += "<img src=" + info.photo + ">"

33 str += "<div class='yi_text'>"

34 str += "<h2>" + info.name

35 str += "<span>" + info.title + "</span>"

36 str += "</h2>"

37 str += "<h3>科室：" + info.department_one + "</h3>"

38 str += "<h3>"

39 str += "<em>评分：</em>"

40 str += "<span>"

41 if (info.total_score != null &&info.total_score != "" &&info.total_evaluate_num != null &&info.total_evaluate_num != "") {

42 var pingfen = info.total_score / info.total_evaluate_num //评分

43 var j

44 for (j=0j <pingfenj++) {

45 str += "<img src='images/pc/icon_031.png'>"

46 }

47 if(j<5){

48 for(var k=0k<5-jk++){

49 str += "<img src='images/pc/icon_032.png'>"

50 }

51 }

52 }

53 str += "</span>"

54 str += "</h3>"

55 str += "<h3>所在医院：" + info.hospital + "</h3>"

56 str += "<p>疾病擅长：" + info.skilful + "</p>"

57 str += "</div>"

58 str += "</a>"

59 str += "</li>"

60 }

61 $("#doctorUL").empty()

62 $("#doctorUL").append(str)

63 var page = data.obj.pages //总页数

64 var curr = data.obj.pageNum //当前页

65 laypage({

66 cont: 'doctorDiv', //分页需要显示的地方

67 pages: page,//总页数

68 curr: curr, //当前页

69 groups: 3,//连续显示分页数

70 skip: true, //是否开启跳页

71 first: '首页',

72 last: '尾页',

73 skin: 'molv', //加载内置皮肤，也可以直接赋值16进制颜色值，如:#c00

74 prev: '<', //若不显示，设置false即可

75 next: '>', //若不显示，设置false即可

76 jump: function (e, first) { //触发分页后的回调

77 if (!first) { //一定要加此判断，否则初始时会无限刷新

78 globalDate.pageNum = e.curr

79 search(globalDate)

80 }

81 }

82 })

83

84

85 } else {

86 //错误

87 console.log("错误")

88 }

89 }

90 })

91 }

92 </script>

4、最终效果

5、感觉laypage显示出来的页码有点扁，高度不够，所以稍微修改了一点css

1 <%--修改laypage的样式--%>

2 <style>

3 .laypage_main a, .laypage_main input, .laypage_main span {

4 height: 40px

5 line-height: 40px

6 }

7

8 .laypage_main button {

9 height: 40px

10 line-height: 40px

11 margin-left: 5px

12 padding: 0 10px

13 color: #666

14 }

15 </style>

这几个词语都有表示放的意思，但是在使用上，是有一定不同方式区别的:lay指平整的，放到一个具体的地方，put则指把事物放到一个具体的地点，并把它留在当地，place指放到某一个特定位置，而set则是指立着放到一个地方。不同的词语都有它具体的使用方法，所以我们可以采用起息的语言跟别人沟通说明，让更多的人掌握正确的使用方式。提高沟通能力的方法：1、面带笑容，语态温和所有人都喜欢和面带笑容、语态温和的人谈话，因为他们能从这个人的讲话中听出一种亲切感。当跟你聊天的人一直面带笑容时，你是不是会感到一种舒坦当他的说话语气让你很舒服时，你是不是就有和他继续说下去的冲动。2、言谈举止要有礼貌与人说话的时候，一定要注意自己的言行。正所谓君子有礼，要想跟别人有效地进行交谈，就要学会有礼貌地与人相处，让别人对你产生好感!3、同一个话题不要将太久即便是两个人都喜欢的话题，也不要一直在这个话题上不停交流意见，时间长了会让对方感觉到厌烦。4、不要谈论别人的伤心事如果你知道对方最近有什么比较不好的事情，一定不要在交谈过程中提到此事，否则会引起对方的反感和难受。5、找到共同话题古人说，话不投机半句多，意思就是要与人有效交流，就要找到投机的人，也就是有共同话题的人。所以，跟别人有效交流的重点在于共同话题。6、说话不要带脏字有很多人平日里说话不注意，养成了一些不好的说话习惯，了解他的人觉得没啥，可是遇到不了解情况的，听到他说话有比较脏的口头禅，就会对这个人做出不好的评价。7、勇敢承认错误在交流过程中，如果自己出现问题，或者提出的看法不合理，要主动向对方提出抱歉，勇敢的承认自己的错误，比如说“我错了，是我考虑不周。”等话，都很不错的。8、事先亮出自己的想法每个人交谈都是具有一定目的性的，在于对方进行交谈的时候，为了提高双方交谈的效率，一定要首先亮出自己的想法和看法，让对方明白。9、不要带着情绪沟通与人交流沟通的时候，切忌带着情绪，尤其是负面情绪。要想与人有效沟通，就得先把自己的情绪控制好，不要出现任何情绪性的动作。

---