tnblog
首页
视频
资源
登录
原

使用uni-app list聊天示例

9760人阅读 2022/2/8 14:55 总访问：688232 评论：0 收藏：0 手机
分类: 前端

要先加入uni-list-chat组件，没有的话可以从官网的插件直接导入，也可以把代码直接复制进去。

uni-list-chat.vue：

  1. <template>
  2.     <!-- #ifdef APP-NVUE -->
  3.     <cell>
  4.         <!-- #endif -->
  5.         <view :hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'" class="uni-list-chat" @click.stop="onClick">
  6.             <view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view>
  7.             <view class="uni-list-chat__container">
  8.                 <view class="uni-list-chat__header-warp">
  9.                     <view v-if="avatarCircle || avatarList.length === 0" class="uni-list-chat__header" :class="{ 'header--circle': avatarCircle }">
  10.                         <image class="uni-list-chat__header-image" :src="avatar" mode="aspectFill"></image>
  11.                     </view>
  12.                     <!-- 头像组 -->
  13.                     <view v-else class="uni-list-chat__header">
  14.                         <view v-for="(item, index) in avatarList" :key="index" class="uni-list-chat__header-box" :class="computedAvatar"
  15.                          :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }">
  16.                             <image class="uni-list-chat__header-image" :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }" :src="item.url"
  17.                              mode="aspectFill"></image>
  18.                         </view>
  19.                     </view>
  20.                 </view>
  21.                 <view v-if="badgeText && badgePositon === 'left'" class="uni-list-chat__badge uni-list-chat__badge-pos" :class="[isSingle]">
  22.                     <text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
  23.                 </view>
  24.                 <view class="uni-list-chat__content">
  25.                     <view class="uni-list-chat__content-main">
  26.                         <text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text>
  27.                         <text class="uni-list-chat__content-note uni-ellipsis">{{ note }}</text>
  28.                     </view>
  29.                     <view class="uni-list-chat__content-extra">
  30.                         <slot>
  31.                             <text class="uni-list-chat__content-extra-text">{{ time }}</text>
  32.                             <view v-if="badgeText && badgePositon === 'right'" class="uni-list-chat__badge" :class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']">
  33.                                 <text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
  34.                             </view>
  35.                         </slot>
  36.                     </view>
  37.                 </view>
  38.             </view>
  39.         </view>
  40.         <!-- #ifdef APP-NVUE -->
  41.     </cell>
  42.     <!-- #endif -->
  43. </template>
  45. <script>
  46.     // 头像大小
  47.     const avatarWidth = 45;
  49.     /**
  50.      * ListChat 聊天列表
  51.      * @description 聊天列表,用于创建聊天类列表
  52.      * @tutorial https://ext.dcloud.net.cn/plugin?id=24
  53.      * @property {String}     title                             标题
  54.      * @property {String}     note                             描述
  55.      * @property {Boolean}     clickable = [true|false]         是否开启点击反馈，默认为false
  56.      * @property {String}     badgeText                        数字角标内容
  57.      * @property {String}      badgePositon = [left|right]        角标位置，默认为 right
  58.      * @property {String}     link = [false｜navigateTo|redirectTo|reLaunch|switchTab] 是否展示右侧箭头并开启点击反馈，默认为false
  59.      *  @value false         不开启
  60.      *  @value navigateTo     同 uni.navigateTo()
  61.      *     @value redirectTo     同 uni.redirectTo()
  62.      *     @value reLaunch       同 uni.reLaunch()
  63.      *     @value switchTab      同 uni.switchTab()
  64.      * @property {String | PageURIString}     to              跳转目标页面
  65.      * @property {String}     time                            右侧时间显示
  66.      * @property {Boolean}     avatarCircle = [true|false]        是否显示圆形头像，默认为false
  67.      * @property {String}     avatar                            头像地址，avatarCircle 不填时生效
  68.      * @property {Array}     avatarList                         头像组，格式为 [{url:''}]
  69.      * @event {Function}     click                             点击 uniListChat 触发事件
  70.      */
  71.     export default {
  72.         name: 'UniListChat',
  73.         emits:['click'],
  74.         props: {
  75.             title: {
  76.                 type: String,
  77.                 default: ''
  78.             },
  79.             note: {
  80.                 type: String,
  81.                 default: ''
  82.             },
  83.             clickable: {
  84.                 type: Boolean,
  85.                 default: false
  86.             },
  87.             link: {
  88.                 type: [Boolean, String],
  89.                 default: false
  90.             },
  91.             to: {
  92.                 type: String,
  93.                 default: ''
  94.             },
  95.             badgeText: {
  96.                 type: [String, Number],
  97.                 default: ''
  98.             },
  99.             badgePositon: {
  100.                 type: String,
  101.                 default: 'right'
  102.             },
  103.             time: {
  104.                 type: String,
  105.                 default: ''
  106.             },
  107.             avatarCircle: {
  108.                 type: Boolean,
  109.                 default: false
  110.             },
  111.             avatar: {
  112.                 type: String,
  113.                 default: ''
  114.             },
  115.             avatarList: {
  116.                 type: Array,
  117.                 default () {
  118.                     return [];
  119.                 }
  120.             }
  121.         },
  122.         // inject: ['list'],
  123.         computed: {
  124.             isSingle() {
  125.                 if (this.badgeText === 'dot') {
  126.                     return 'uni-badge--dot';
  127.                 } else {
  128.                     const badgeText = this.badgeText.toString();
  129.                     if (badgeText.length > 1) {
  130.                         return 'uni-badge--complex';
  131.                     } else {
  132.                         return 'uni-badge--single';
  133.                     }
  134.                 }
  135.             },
  136.             computedAvatar() {
  137.                 if (this.avatarList.length > 4) {
  138.                     this.imageWidth = avatarWidth * 0.31;
  139.                     return 'avatarItem--3';
  140.                 } else if (this.avatarList.length > 1) {
  141.                     this.imageWidth = avatarWidth * 0.47;
  142.                     return 'avatarItem--2';
  143.                 } else {
  144.                     this.imageWidth = avatarWidth;
  145.                     return 'avatarItem--1';
  146.                 }
  147.             }
  148.         },
  149.         data() {
  150.             return {
  151.                 isFirstChild: false,
  152.                 border: true,
  153.                 // avatarList: 3,
  154.                 imageWidth: 50
  155.             };
  156.         },
  157.         mounted() {
  158.             this.list = this.getForm()
  159.             if (this.list) {
  160.                 if (!this.list.firstChildAppend) {
  161.                     this.list.firstChildAppend = true;
  162.                     this.isFirstChild = true;
  163.                 }
  164.                 this.border = this.list.border;
  165.             }
  166.         },
  167.         methods: {
  168.             /**
  169.              * 获取父元素实例
  170.              */
  171.             getForm(name = 'uniList') {
  172.                 let parent = this.$parent;
  173.                 let parentName = parent.$options.name;
  174.                 while (parentName !== name) {
  175.                     parent = parent.$parent;
  176.                     if (!parent) return false
  177.                     parentName = parent.$options.name;
  178.                 }
  179.                 return parent;
  180.             },
  181.             onClick() {
  182.                 if (this.to !== '') {
  183.                     this.openPage();
  184.                     return;
  185.                 }
  187.                 if (this.clickable || this.link) {
  188.                     this.$emit('click', {
  189.                         data: {}
  190.                     });
  191.                 }
  192.             },
  193.             openPage() {
  194.                 if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
  195.                     this.pageApi(this.link);
  196.                 } else {
  197.                     this.pageApi('navigateTo');
  198.                 }
  199.             },
  200.             pageApi(api) {
  201.                 uni[api]({
  202.                     url: this.to,
  203.                     success: res => {
  204.                         this.$emit('click', {
  205.                             data: res
  206.                         });
  207.                     },
  208.                     fail: err => {
  209.                         this.$emit('click', {
  210.                             data: err
  211.                         });
  212.                         console.error(err.errMsg);
  213.                     }
  214.                 });
  215.             }
  216.         }
  217.     };
  218. </script>
  220. <style lang="scss" scoped>
  221.     $uni-font-size-lg:16px;
  222.     $uni-spacing-row-sm: 5px;
  223.     $uni-spacing-row-base: 10px;
  224.     $uni-spacing-row-lg: 15px;
  225.     $background-color: #fff;
  226.     $divide-line-color: #e5e5e5;
  227.     $avatar-width: 45px;
  228.     $avatar-border-radius: 5px;
  229.     $avatar-border-color: #eee;
  230.     $avatar-border-width: 1px;
  231.     $title-size: 16px;
  232.     $title-color: #3b4144;
  233.     $title-weight: normal;
  234.     $note-size: 12px;
  235.     $note-color: #999;
  236.     $note-weight: normal;
  237.     $right-text-size: 12px;
  238.     $right-text-color: #999;
  239.     $right-text-weight: normal;
  240.     $badge-left: 0px;
  241.     $badge-top: 0px;
  242.     $dot-width: 10px;
  243.     $dot-height: 10px;
  244.     $badge-size: 18px;
  245.     $badge-font: 12px;
  246.     $badge-color: #fff;
  247.     $badge-background-color: #ff5a5f;
  248.     $badge-space: 6px;
  249.     $hover: #f5f5f5;
  251.     .uni-list-chat {
  252.         font-size: $uni-font-size-lg;
  253.         position: relative;
  254.         flex-direction: column;
  255.         justify-content: space-between;
  256.         background-color: $background-color;
  257.     }
  259.     // .uni-list-chat--disabled {
  260.     //     opacity: 0.3;
  261.     // }
  263.     .uni-list-chat--hover {
  264.         background-color: $hover;
  265.     }
  267.     .uni-list--border {
  268.         position: relative;
  269.         margin-left: $uni-spacing-row-lg;
  270.         /* #ifdef APP-PLUS */
  271.         border-top-color: $divide-line-color;
  272.         border-top-style: solid;
  273.         border-top-width: 0.5px;
  274.         /* #endif */
  275.     }
  277.     /* #ifndef APP-NVUE */
  278.     .uni-list--border:after {
  279.         position: absolute;
  280.         top: 0;
  281.         right: 0;
  282.         left: 0;
  283.         height: 1px;
  284.         content: '';
  285.         -webkit-transform: scaleY(0.5);
  286.         transform: scaleY(0.5);
  287.         background-color: $divide-line-color;
  288.     }
  290.     .uni-list-item--first:after {
  291.         height: 0px;
  292.     }
  294.     /* #endif */
  296.     .uni-list-chat--first {
  297.         border-top-width: 0px;
  298.     }
  300.     .uni-ellipsis {
  301.         /* #ifndef APP-NVUE */
  302.         overflow: hidden;
  303.         white-space: nowrap;
  304.         text-overflow: ellipsis;
  305.         /* #endif */
  306.         /* #ifdef APP-NVUE */
  307.         lines: 1;
  308.         /* #endif */
  309.     }
  311.     .uni-ellipsis-2 {
  312.         /* #ifndef APP-NVUE */
  313.         overflow: hidden;
  314.         text-overflow: ellipsis;
  315.         display: -webkit-box;
  316.         -webkit-line-clamp: 2;
  317.         -webkit-box-orient: vertical;
  318.         /* #endif */
  320.         /* #ifdef APP-NVUE */
  321.         lines: 2;
  322.         /* #endif */
  323.     }
  325.     .uni-list-chat__container {
  326.         position: relative;
  327.         /* #ifndef APP-NVUE */
  328.         display: flex;
  329.         /* #endif */
  330.         flex-direction: row;
  331.         flex: 1;
  332.         padding: $uni-spacing-row-base $uni-spacing-row-lg;
  333.         position: relative;
  334.         overflow: hidden;
  335.     }
  337.     .uni-list-chat__header-warp {
  338.         position: relative;
  339.     }
  341.     .uni-list-chat__header {
  342.         /* #ifndef APP-NVUE */
  343.         display: flex;
  344.         align-content: center;
  345.         /* #endif */
  346.         flex-direction: row;
  347.         justify-content: center;
  348.         align-items: center;
  349.         flex-wrap: wrap-reverse;
  350.         /* #ifdef APP-NVUE */
  351.         width: 50px;
  352.         height: 50px;
  353.         /* #endif */
  354.         /* #ifndef APP-NVUE */
  355.         width: $avatar-width;
  356.         height: $avatar-width;
  357.         /* #endif */
  359.         border-radius: $avatar-border-radius;
  360.         border-color: $avatar-border-color;
  361.         border-width: $avatar-border-width;
  362.         border-style: solid;
  363.         overflow: hidden;
  364.     }
  366.     .uni-list-chat__header-box {
  367.         /* #ifndef APP-PLUS */
  368.         box-sizing: border-box;
  369.         display: flex;
  370.         width: $avatar-width;
  371.         height: $avatar-width;
  372.         /* #endif */
  373.         /* #ifdef APP-NVUE */
  374.         width: 50px;
  375.         height: 50px;
  376.         /* #endif */
  377.         overflow: hidden;
  378.         border-radius: 2px;
  379.     }
  381.     .uni-list-chat__header-image {
  382.         margin: 1px;
  383.         /* #ifdef APP-NVUE */
  384.         width: 50px;
  385.         height: 50px;
  386.         /* #endif */
  387.         /* #ifndef APP-NVUE */
  388.         width: $avatar-width;
  389.         height: $avatar-width;
  390.         /* #endif */
  391.     }
  393.     /* #ifndef APP-NVUE */
  394.     .uni-list-chat__header-image {
  395.         display: block;
  396.         width: 100%;
  397.         height: 100%;
  398.     }
  400.     .avatarItem--1 {
  401.         width: 100%;
  402.         height: 100%;
  403.     }
  405.     .avatarItem--2 {
  406.         width: 47%;
  407.         height: 47%;
  408.     }
  410.     .avatarItem--3 {
  411.         width: 32%;
  412.         height: 32%;
  413.     }
  415.     /* #endif */
  416.     .header--circle {
  417.         border-radius: 50%;
  418.     }
  420.     .uni-list-chat__content {
  421.         /* #ifndef APP-NVUE */
  422.         display: flex;
  423.         /* #endif */
  424.         flex-direction: row;
  425.         flex: 1;
  426.         overflow: hidden;
  427.         padding: 2px 0;
  428.     }
  430.     .uni-list-chat__content-main {
  431.         /* #ifndef APP-NVUE */
  432.         display: flex;
  433.         /* #endif */
  434.         flex-direction: column;
  435.         justify-content: space-between;
  436.         padding-left: $uni-spacing-row-base;
  437.         flex: 1;
  438.         overflow: hidden;
  439.     }
  441.     .uni-list-chat__content-title {
  442.         font-size: $title-size;
  443.         color: $title-color;
  444.         font-weight: $title-weight;
  445.         overflow: hidden;
  446.     }
  448.     .uni-list-chat__content-note {
  449.         margin-top: 3px;
  450.         color: $note-color;
  451.         font-size: $note-size;
  452.         font-weight: $title-weight;
  453.         overflow: hidden;
  454.     }
  456.     .uni-list-chat__content-extra {
  457.         /* #ifndef APP-NVUE */
  458.         flex-shrink: 0;
  459.         display: flex;
  460.         /* #endif */
  461.         flex-direction: column;
  462.         justify-content: space-between;
  463.         align-items: flex-end;
  464.         margin-left: 5px;
  465.     }
  467.     .uni-list-chat__content-extra-text {
  468.         color: $right-text-color;
  469.         font-size: $right-text-size;
  470.         font-weight: $right-text-weight;
  471.         overflow: hidden;
  472.     }
  474.     .uni-list-chat__badge-pos {
  475.         position: absolute;
  476.         /* #ifdef APP-NVUE */
  477.         left: 55px;
  478.         top: 3px;
  479.         /* #endif */
  480.         /* #ifndef APP-NVUE */
  481.         left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left});
  482.         top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top});
  483.         /* #endif */
  484.     }
  486.     .uni-list-chat__badge {
  487.         /* #ifndef APP-NVUE */
  488.         display: flex;
  489.         /* #endif */
  490.         justify-content: center;
  491.         align-items: center;
  492.         border-radius: 100px;
  493.         background-color: $badge-background-color;
  494.     }
  496.     .uni-list-chat__badge-text {
  497.         color: $badge-color;
  498.         font-size: $badge-font;
  499.     }
  501.     .uni-badge--single {
  502.         /* #ifndef APP-NVUE */
  503.         // left: calc(#{$avatar-width} + 7px + #{$badge-left});
  504.         /* #endif */
  505.         width: $badge-size;
  506.         height: $badge-size;
  507.     }
  509.     .uni-badge--complex {
  510.         /* #ifdef APP-NVUE */
  511.         left: 50px;
  512.         /* #endif */
  513.         /* #ifndef APP-NVUE */
  514.         width: auto;
  515.         /* #endif */
  516.         height: $badge-size;
  517.         padding: 0 $badge-space;
  518.     }
  520.     .uni-badge--dot {
  521.         /* #ifdef APP-NVUE */
  522.         left: 60px;
  523.         top: 6px;
  524.         /* #endif */
  525.         /* #ifndef APP-NVUE */
  526.         left: calc(#{$avatar-width} + 15px - #{$dot-width}/ 2 + 1px + #{$badge-left});
  527.         /* #endif */
  528.         width: $dot-width;
  529.         height: $dot-height;
  530.         padding: 0;
  531.     }
  533.     .uni-list-chat--right {
  534.         /* #ifdef APP-NVUE */
  535.         left: 0;
  536.         /* #endif */
  537.     }
  538. </style>

uni-list-chat.scss：

  1. /**
  2.  * 这里是 uni-list 组件内置的常用样式变量
  3.  * 如果需要覆盖样式，这里提供了基本的组件样式变量，您可以尝试修改这里的变量，去完成样式替换，而不用去修改源码
  4.  *
  5.  */
  7. // 背景色
  8. $background-color : #fff;
  9. // 分割线颜色
  10. $divide-line-color : #e5e5e5;
  12. // 默认头像大小，如需要修改此值，注意同步修改 js 中的值 const avatarWidth = xx ，目前只支持方形头像
  13. // nvue 页面不支持修改头像大小
  14. $avatar-width : 45px ;
  16. // 头像边框
  17. $avatar-border-radius: 5px;
  18. $avatar-border-color: #eee;
  19. $avatar-border-width: 1px;
  21. // 标题文字样式
  22. $title-size : 16px;
  23. $title-color : #3b4144;
  24. $title-weight : normal;
  26. // 描述文字样式
  27. $note-size : 12px;
  28. $note-color : #999;
  29. $note-weight : normal;
  31. // 右侧额外内容默认样式
  32. $right-text-size : 12px;
  33. $right-text-color : #999;
  34. $right-text-weight : normal;
  36. // 角标样式
  37. // nvue 页面不支持修改圆点位置以及大小
  38. // 角标在左侧时，角标的位置，默认为 0 ，负数左/下移动，正数右/上移动
  39. $badge-left: 0px;
  40. $badge-top: 0px;
  42. // 显示圆点时，圆点大小
  43. $dot-width: 10px;
  44. $dot-height: 10px;
  46. // 显示角标时，角标大小和字体大小
  47. $badge-size : 18px;
  48. $badge-font : 12px;
  49. // 显示角标时，角标前景色
  50. $badge-color : #fff;
  51. // 显示角标时，角标背景色
  52. $badge-background-color : #ff5a5f;
  53. // 显示角标时，角标左右间距
  54. $badge-space : 6px;
  56. // 状态样式
  57. // 选中颜色
  58. $hover : #f5f5f5;

使用示例：

  1. <template>
  2.     <view>
  3.         <uni-list>
  4.             <uni-list :border="true">
  5.                 <!-- 显示圆形头像 -->
  6.                 <uni-list-chat :avatar-circle="true" title="uni-app"
  7.                     avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
  8.                     note="您收到一条新的消息" time="2020-02-02 20:20"></uni-list-chat>
  9.                 <!-- 右侧带角标 -->
  10.                 <uni-list-chat title="uni-app"
  11.                     avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
  12.                     note="您收到一条新的消息" time="2020-02-02 20:20" badge-text="12"></uni-list-chat>
  13.                 <!-- 头像显示圆点 -->
  14.                 <uni-list-chat title="uni-app"
  15.                     avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
  16.                     note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="dot"></uni-list-chat>
  17.                 <!-- 头像显示角标 -->
  18.                 <uni-list-chat title="uni-app"
  19.                     avatar="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
  20.                     note="您收到一条新的消息" time="2020-02-02 20:20" badge-positon="left" badge-text="99"></uni-list-chat>
  21.                 <!-- 显示多头像 -->
  22.                 <uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20"
  23.                     badge-positon="left" badge-text="dot"></uni-list-chat>
  24.                 <!-- 自定义右侧内容 -->
  25.                 <uni-list-chat title="uni-app" :avatar-list="avatarList" note="您收到一条新的消息" time="2020-02-02 20:20"
  26.                     badge-positon="left" badge-text="dot">
  27.                     <view class="chat-custom-right">
  28.                         <text class="chat-custom-text">刚刚</text>
  29.                         <!-- 需要使用 uni-icons 请自行引入 -->
  30.                         <uni-icons type="star-filled" color="#999" size="18"></uni-icons>
  31.                     </view>
  32.                 </uni-list-chat>
  33.             </uni-list>
  34.         </uni-list>
  35.     </view>
  36. </template>
  38. <script>
  39.     export default {
  40.         data() {
  41.             return {
  42.                 avatarList: [{
  43.                 url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
  44.             }, {
  45.                 url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
  46.             }, {
  47.                 url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png'
  48.             }]
  49.             };
  50.         }
  51.     }
  52. </script>
  56. <style lang="scss">
  57.     .chat-custom-right {
  58.         flex: 1;
  59.         /* #ifndef APP-NVUE */
  60.         display: flex;
  61.         /* #endif */
  62.         flex-direction: column;
  63.         justify-content: space-between;
  64.         align-items: flex-end;
  65.     }
  67.     .chat-custom-text {
  68.         font-size: 12px;
  69.         color: #999;
  70.     }
  71. </style>

欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

NET Core 使用 EF Code First
下面这些内容很老了看这篇：https://www.tnblog.net/aojiancc2/article/details/5365 项目使用多层，把数据库访问...

使用OLEDB读取不同版本Excel的连接字符串设置
使用OleBD读取excel的时候，excel不同的版本，连接字符串的写法也会不一样。///&lt;summary&gt; ///读取excel ///&lt;/su...

C 使用CancellationTokenSource取消多线程
有时间我们在使用多线程的时候，需要取消线程的执行，可以使用CancellationTokenSource来取消对Task开辟多线程的取消如下：...

使用爬虫刷csdn博客访问量
首先了解一下常见反爬虫的检测方法频率监测：有些网站会设置一种频率监测的机制，对于同一IP，若在一定时间内访问的速度超...

Idea下使用maven搭建SSM(一)：SpringMVC
Spring MVC是一款基于MVC架构模式的轻量级Web框架，其目的是将Web开发模块化，对整体架构进行解耦，简化Web开发流程。下面...

Idea下使用maven搭建SSM(二)：MyBatis
开发Web应用，数据的存储和处理往往离不开数据库和SQL语句。在使用Java开发的Web应用中，自然也少不了连接数据库的步骤。在...

使用 微软自带语音合成类库
//引入语音合成名称空间 usingSystem.Speech.Synthesis; classA { voidtest1() { //实例化并指定字符串播放合成读音 ...

如何使用图标像使用文字一样，使用文本图标的方法
1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车然后选择图标；注意：每个类型的图标会大小不...

使用七牛云的cdn服务，提高图片的加载速度
CDN介绍CDN的全称是Content Delivery Network，即内容分发网络。CDN加速主要是加速静态资源，如网站上面上传的图片、媒体，...

.net core 使用session
tip:net core 2.2后可以直接启用session了，不用在自己添加一次session依赖，本身就添加了使用nuget添加引用Microsoft.AspN...

使用OutLook发送邮件
publicstaticvoidOutlook(stringSubject,stringTextBody,stringFromAdd,stringFromPass,stringTo,stringCC,List&lt;string&...

SQL Server 中使用游标
--声明一个游标 DECLAREMyCursorCURSOR FORSELECTTOP5FBookName,FBookCodingFROMTBookInfo//定义一个叫MyCursor的游标，...

Windows使用wireshark抓包小心得
wireshrak是个网络抓包工具，常用。但是在数据较大的网络环境中直接使用软件抓包会导致wireshark卡死。为什么呢 ？网卡瞬间...

Oracle自定义函数的简单使用
一.最最最简单的返回一个数字的函数createorreplacefunctionfun_show returnint--申明返回值 as begin return1; end;...

Oracle事务的简单使用
事务：　　事务是一个整体,这些操作要么全部执行成功，要么全部不执行。使用事务的原因：保证数据的安全有效。事务的四个特...

Oracle使用游标
其实游标就是把查询的结果放入游标中，然后在去游标里边读取。相当于使用游标做了一个中转，而游标是可以作为参数进行传递...
如果有缘，错过了还会重来，如果无缘，相遇了也会离开
博主信息
排名
9
文章
115
粉丝
5
评论
5
文章类别
最新文章
最新评价
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术