啊哈哈哈哈-
啊哈哈哈哈-

Vue2 实现树形菜单（多级菜单）功能模块

结构示意图
  1. ├── index.html
  2. ├── main.js
  3. ├── router
  4. │ └── index.js # 路由配置文件
  5. ├── components # 组件目录
  6. │ ├── App.vue # 根组件
  7. │ ├── Home.vue # 大的框架结构组件
  8. │ ├── TreeView.vue
  9. │ ├── TreeViewItem.vue
  10. │ └── TreeDetail.vue
  11. ├── store
  12. ├── index.js # 我们组装模块并导出 store 的地方
  13. ├── modules # 模块目录
  14. └── menusModule.js # 菜单模块

这个多级菜单实现的功能如下：

  • 1、可展示多级菜单，理论上可以展无限级菜单
  • 2、当前菜单高亮功能
  • 3、刷新后依然会自动定位到上一次点击的菜单，即使这个是子菜单，并且父菜单会自动展开
  • 4、子菜单的显示隐藏有收起、展开，同时带有淡入效果

这个例子用到的知识点：路由、状态管理、组件。

状态管理安装：

  1. npm install --save vuex

更多关于 vuex 的介绍可以看官方文档：https://vuex.vuejs.org/zh-cn/。

我们先来看看效果演示图：

程序员是用代码来沟通的，所以费话不多说，直接上码：

index.html
  4. charset="utf-8">
  5. name="viewport" content="width=device-width,initial-scale=1.0">
  6. <span class="pln">Vue 实现树形菜单（多级菜单）功能模块- 云库网<span class="tag">
  9. id="app">
    • main.js
    1. import Vue from 'vue'
    2. import App from './components/App'
    3. import router from './router'
    4. import store from './store/index'
    5. Vue.config.productionTip = false
    6. /* eslint-disable no-new */
    7. new Vue({
    8. el: '#app',
    9. router,
    10. store,
    11. components: {
    12. App
    13. },
    14. template: ''
    15. })

    在 main.js 中引入 路由和状态管理配置

    App.vue
    Home.vue
    3. scoped>
    4. .side-bar {
    5. width: 300px;
    6. height: 100%;
    7. overflow-y: auto;
    8. overflow-x: hidden;
    9. font-size: 14px;
    10. position: absolute;
    11. top: 0;
    12. left: 0;
    13. }
    14. .continer {
    15. padding-left: 320px;
    16. }

    这个 Home.vue 主要是用来完成页面的大框架结构。

    TreeView.vue
    3. scoped>
    4. .tree-view-menu {
    5. width: 300px;
    6. height: 100%;
    7. overflow-y: auto;
    8. overflow-x: hidden;
    9. }
    10. .tree-view-menu::-webkit-scrollbar {
    11. height: 6px;
    12. width: 6px;
    13. }
    14. .tree-view-menu::-webkit-scrollbar-trac {
    15. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    16. box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    17. }
    18. .tree-view-menu::-webkit-scrollbar-thumb {
    19. background-color: #6e6e6e;
    20. outline: 1px solid #333;
    21. }
    22. .tree-view-menu::-webkit-scrollbar {
    23. height: 4px;
    24. width: 4px;
    25. }
    26. .tree-view-menu::-webkit-scrollbar-track {
    27. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    28. box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    29. }
    30. .tree-view-menu::-webkit-scrollbar-thumb {
    31. background-color: #6e6e6e;
    32. outline: 1px solid #708090;
    33. }

    这个组件也非常地简单，拿到菜单数据，传给子组件，并把菜单的滚动条样式修改了下。

    TreeViewItem.vue
    3. scoped>
    4. a {
    5. text-decoration: none;
    6. color: #333;
    7. }
    8. .link,
    9. .button {
    10. display: block;
    11. padding: 10px 15px;
    12. transition: background-color 0.2s ease-in-out 0s, color 0.3s ease-in-out 0.1s;
    13. -moz-user-select: none;
    14. -webkit-user-select: none;
    15. -ms-user-select: none;
    16. -khtml-user-select: none;
    17. user-select: none;
    18. }
    19. .button {
    20. position: relative;
    21. }
    22. .link:hover,
    23. .button:hover {
    24. color: #1976d2;
    25. background-color: #eee;
    26. cursor: pointer;
    27. }
    28. .icon {
    29. position: absolute;
    30. right: 0;
    31. display: inline-block;
    32. height: 24px;
    33. width: 24px;
    34. fill: currentColor;
    35. transition: -webkit-transform 0.15s;
    36. transition: transform 0.15s;
    37. transition: transform 0.15s, -webkit-transform 0.15s;
    38. transition-timing-function: ease-in-out;
    39. }
    40. .heading-children {
    41. padding-left: 14px;
    42. overflow: hidden;
    43. }
    44. .expand {
    45. display: block;
    46. }
    47. .collapsed {
    48. display: none;
    49. }
    50. .expand .icon {
    51. -webkit-transform: rotate(90deg);
    52. transform: rotate(90deg);
    53. }
    54. .selected {
    55. color: #1976d2;
    56. }
    57. .fade-enter-active {
    58. transition: all 0.5s ease 0s;
    59. }
    60. .fade-enter {
    61. opacity: 0;
    62. }
    63. .fade-enter-to {
    64. opacity: 1;
    65. }
    66. .fade-leave-to {
    67. height: 0;
    68. }

    上面的这个组件才是这个树型结构重点代码，用了递归的思想来实现这个树型菜单。

    TreeViewDetail.vue
    3. scoped>
    4. h3 {
    5. margin-top: 10px;
    6. font-weight: normal;
    7. }
    router/index.js
    1. import Vue from 'vue';
    2. import Router from 'vue-router';
    3. import App from '@/components/App';
    4. import TreeViewDetail from '@/components/TreeViewDetail';
    6. Vue.use(Router)
    8. export default new Router({
    9. linkActiveClass: 'selected',
    10. routes: [{
    11. path: '/',
    12. name: 'App',
    13. component: App
    14. },
    15. {
    16. path: '/detail/quickstart',
    17. name: 'quickstart',
    18. component: TreeViewDetail
    19. },
    20. {
    21. path: '/detail/tutorial',
    22. name: 'tutorial',
    23. component: TreeViewDetail
    24. },
    25. {
    26. path: '/detail/toh-pt1',
    27. name: 'toh-pt1',
    28. component: TreeViewDetail
    29. },
    30. {
    31. path: '/detail/toh-pt2',
    32. name: 'toh-pt2',
    33. component: TreeViewDetail
    34. },
    35. {
    36. path: '/detail/toh-pt3',
    37. name: 'toh-pt3',
    38. component: TreeViewDetail
    39. },
    40. {
    41. path: '/detail/toh-pt4',
    42. name: 'toh-pt4',
    43. component: TreeViewDetail
    44. },
    45. {
    46. path: '/detail/toh-pt5',
    47. name: 'toh-pt5',
    48. component: TreeViewDetail
    49. },
    50. {
    51. path: '/detail/toh-pt6',
    52. name: 'toh-pt6',
    53. component: TreeViewDetail
    54. },
    55. {
    56. path: '/detail/architecture',
    57. name: 'architecture',
    58. component: TreeViewDetail
    59. },
    60. {
    61. path: '/detail/displaying-data',
    62. name: 'displaying-data',
    63. component: TreeViewDetail
    64. },
    65. {
    66. path: '/detail/template-syntax',
    67. name: 'template-syntax',
    68. component: TreeViewDetail
    69. },
    70. {
    71. path: '/detail/lifecycle-hooks',
    72. name: 'lifecycle-hooks',
    73. component: TreeViewDetail
    74. },
    75. {
    76. path: '/detail/component-interaction',
    77. name: 'component-interaction',
    78. component: TreeViewDetail
    79. },
    80. {
    81. path: '/detail/component-styles',
    82. name: 'component-styles',
    83. component: TreeViewDetail
    84. },
    85. {
    86. path: '/detail/dynamic-component-loader',
    87. name: 'dynamic-component-loader',
    88. component: TreeViewDetail
    89. },
    90. {
    91. path: '/detail/attribute-directives',
    92. name: 'attribute-directives',
    93. component: TreeViewDetail
    94. },
    95. {
    96. path: '/detail/structural-directives',
    97. name: 'structural-directives',
    98. component: TreeViewDetail
    99. },
    100. {
    101. path: '/detail/pipes',
    102. name: 'pipes',
    103. component: TreeViewDetail
    104. },
    105. {
    106. path: '/detail/animations',
    107. name: 'animations',
    108. component: TreeViewDetail
    109. },
    110. {
    111. path: '/detail/user-input',
    112. name: 'user-input',
    113. component: TreeViewDetail
    114. },
    115. {
    116. path: '/detail/forms',
    117. name: 'forms',
    118. component: TreeViewDetail
    119. },
    120. {
    121. path: '/detail/form-validation',
    122. name: 'form-validation',
    123. component: TreeViewDetail
    124. },
    125. {
    126. path: '/detail/reactive-forms',
    127. name: 'reactive-forms',
    128. component: TreeViewDetail
    129. },
    130. {
    131. path: '/detail/dynamic-form',
    132. name: 'dynamic-form',
    133. component: TreeViewDetail
    134. },
    135. {
    136. path: '/detail/bootstrapping',
    137. name: 'bootstrapping',
    138. component: TreeViewDetail
    139. },
    140. {
    141. path: '/detail/ngmodule',
    142. name: 'ngmodule',
    143. component: TreeViewDetail
    144. },
    145. {
    146. path: '/detail/ngmodule-faq',
    147. name: 'ngmodule-faq',
    148. component: TreeViewDetail
    149. },
    150. {
    151. path: '/detail/dependency-injection',
    152. name: 'dependency-injection',
    153. component: TreeViewDetail
    154. },
    155. {
    156. path: '/detail/hierarchical-dependency-injection',
    157. name: 'hierarchical-dependency-injection',
    158. component: TreeViewDetail
    159. },
    160. {
    161. path: '/detail/dependency-injection-in-action',
    162. name: 'dependency-injection-in-action',
    163. component: TreeViewDetail
    164. },
    165. {
    166. path: '/detail/http',
    167. name: 'http',
    168. component: TreeViewDetail
    169. },
    170. {
    171. path: '/detail/router',
    172. name: 'router',
    173. component: TreeViewDetail
    174. },
    175. {
    176. path: '/detail/testing',
    177. name: 'testing',
    178. component: TreeViewDetail
    179. },
    180. {
    181. path: '/detail/cheatsheet',
    182. name: 'cheatsheet',
    183. component: TreeViewDetail
    184. },
    185. {
    186. path: '/detail/i18n',
    187. name: 'i18n',
    188. component: TreeViewDetail
    189. },
    190. {
    191. path: '/detail/language-service',
    192. name: 'language-service',
    193. component: TreeViewDetail
    194. },
    195. {
    196. path: '/detail/security',
    197. name: 'security',
    198. component: TreeViewDetail
    199. },
    200. {
    201. path: '/detail/setup',
    202. name: 'setup',
    203. component: TreeViewDetail
    204. },
    205. {
    206. path: '/detail/setup-systemjs-anatomy',
    207. name: 'setup-systemjs-anatomy',
    208. component: TreeViewDetail
    209. },
    210. {
    211. path: '/detail/browser-support',
    212. name: 'browser-support',
    213. component: TreeViewDetail
    214. },
    215. {
    216. path: '/detail/npm-packages',
    217. name: 'npm-packages',
    218. component: TreeViewDetail
    219. },
    220. {
    221. path: '/detail/typescript-configuration',
    222. name: 'typescript-configuration',
    223. component: TreeViewDetail
    224. },
    225. {
    226. path: '/detail/aot-compiler',
    227. name: 'aot-compiler',
    228. component: TreeViewDetail
    229. },
    230. {
    231. path: '/detail/metadata',
    232. name: 'metadata',
    233. component: TreeViewDetail
    234. },
    235. {
    236. path: '/detail/deployment',
    237. name: 'deployment',
    238. component: TreeViewDetail
    239. },
    240. {
    241. path: '/detail/upgrade',
    242. name: 'upgrade',
    243. component: TreeViewDetail
    244. },
    245. {
    246. path: '/detail/ajs-quick-reference',
    247. name: 'ajs-quick-reference',
    248. component: TreeViewDetail
    249. },
    250. {
    251. path: '/detail/visual-studio-2015',
    252. name: 'visual-studio-2015',
    253. component: TreeViewDetail
    254. },
    255. {
    256. path: '/detail/styleguide',
    257. name: 'styleguide',
    258. component: TreeViewDetail
    259. },
    260. {
    261. path: '/detail/glossary',
    262. name: 'glossary',
    263. component: TreeViewDetail
    264. },
    265. {
    266. path: '/detail/api',
    267. name: 'api',
    268. component: TreeViewDetail
    269. }
    270. ]
    271. })
    store/module/menusModule.js
    1. let menus = [
    2. { id: 1, level: 1, name: '快速上手', type: "link", url: "/detail/quickstart" },
    3. {
    4. id: 2,
    5. level: 1,
    6. name: '教程',
    7. type: "button",
    8. isExpanded: false,
    9. isSelected: false,
    10. subMenu: [
    11. { id: 21, level: 2, name: '简介', type: "link", url: "/detail/tutorial" },
    12. { id: 22, level: 2, name: '英雄编辑器', type: "link", url: "/detail/toh-pt1" },
    13. { id: 23, level: 2, name: '主从结构', type: "link", url: "/detail/toh-pt2" },
    14. { id: 24, level: 2, name: '多个组件', type: "link", url: "/detail/toh-pt3" },
    15. { id: 25, level: 2, name: '服务', type: "link", url: "/detail/toh-pt4" },
    16. { id: 26, level: 2, name: '路由', type: "link", url: "/detail/toh-pt5" },
    17. { id: 27, level: 2, name: 'HTTP', type: "link", url: "/detail/toh-pt6" },
    18. ]
    19. },
    20. {
    21. id: 3,
    22. level: 1,
    23. name: '核心知识',
    24. type: "button",
    25. isExpanded: false,
    26. isSelected: false,
    27. subMenu: [
    28. { id: 31, level: 2, name: '架构', type: "link", url: "/detail/architecture" },
    29. {
    30. id: 32,
    31. level: 2,
    32. name: '模板与数据绑定',
    33. type: "button",
    34. isExpanded: false,
    35. isSelected: false,
    36. subMenu: [
    37. { id: 321, level: 3, name: '显示数据', type: "link", url: "/detail/displaying-data" },
    38. { id: 322, level: 3, name: '模板语法', type: "link", url: "/detail/template-syntax" },
    39. { id: 323, level: 3, name: '生命周期钩子', type: "link", url: "/detail/lifecycle-hooks" },
    40. { id: 324, level: 3, name: '组件交互', type: "link", url: "/detail/component-interaction" },
    41. { id: 325, level: 3, name: '组件样式', type: "link", url: "/detail/component-styles" },
    42. { id: 326, level: 3, name: '动态组件', type: "link", url: "/detail/dynamic-component-loader" },
    43. { id: 327, level: 3, name: '属性型指令', type: "link", url: "/detail/attribute-directives" },
    44. { id: 328, level: 3, name: '结构型指令', type: "link", url: "/detail/structural-directives" },
    45. { id: 329, level: 3, name: '管道', type: "link", url: "/detail/pipes" },
    46. { id: 3210, level: 3, name: '动画', type: "link", url: "/detail/animations" },
    47. ]
    48. },
    49. {
    50. id: 33,
    51. level: 2,
    52. name: '表单',
    53. type: "button",
    54. isExpanded: false,
    55. isSelected: false,
    56. subMenu: [
    57. { name: '用户输入', type: "link", url: "/detail/user-input" },
    58. { name: '模板驱动表单', type: "link", url: "/detail/forms" },
    59. { name: '表单验证', type: "link", url: "/detail/form-validation" },
    60. { name: '响应式表单', type: "link", url: "/detail/reactive-forms" },
    61. { name: '动态表单', type: "link", url: "/detail/dynamic-form" }
    62. ]
    63. },
    64. { id: 34, level: 2, name: '引用启动', type: "link", url: "/detail/bootstrapping" },
    65. {
    66. id: 35,
    67. level: 2,
    68. name: 'NgModules',
    69. type: "button",
    70. isExpanded: false,
    71. isSelected: false,
    72. subMenu: [
    73. { id: 341, level: 3, name: 'NgModule', type: "link", url: "/detail/ngmodule" },
    74. { id: 342, level: 3, name: 'NgModule 常见问题', type: "link", url: "/detail/ngmodule-faq" }
    75. ]
    76. },
    77. {
    78. id: 36,
    79. level: 2,
    80. name: '依赖注入',
    81. type: "button",
    82. isExpanded: false,
    83. isSelected: false,
    84. subMenu: [
    85. { id: 361, level: 3, name: '依赖注入', type: "link", url: "/detail/dependency-injection" },
    86. { id: 362, level: 3, name: '多级注入器', type: "link", url: "/detail/hierarchical-dependency-injection" },
    87. { id: 363, level: 3, name: 'DI 实例技巧', type: "link", url: "/detail/dependency-injection-in-action" }
    88. ]
    89. },
    90. { id: 37, level: 2, name: 'HttpClient', type: "link", url: "/detail/http" },
    91. { id: 38, level: 2, name: '路由与导航', type: "link", url: "/detail/router" },
    92. { id: 39, level: 2, name: '测试', type: "link", url: "/detail/testing" },
    93. { id: 310, level: 2, name: '速查表', type: "link", url: "/detail/cheatsheet" },
    94. ]
    95. },
    96. {
    97. id: 4,
    98. level: 1,
    99. name: '其它技术',
    100. type: "button",
    101. isExpanded: false,
    102. isSelected: false,
    103. subMenu: [
    104. { id: 41, level: 2, name: '国际化（i18n）', type: "link", url: "/detail/i18n" },
    105. { id: 42, level: 2, name: '语言服务', type: "link", url: "/detail/language-service" },
    106. { id: 43, level: 2, name: '安全', type: "link", url: "/detail/security" },
    107. {
    108. id: 44,
    109. level: 2,
    110. name: '环境设置与部署',
    111. type: "button",
    112. isExpanded: false,
    113. isSelected: false,
    114. subMenu: [
    115. { id: 441, level: 3, name: '搭建本地开发环境', type: "link", url: "/detail/setup" },
    116. { id: 442, level: 3, name: '搭建方式剖析', type: "link", url: "/detail/setup-systemjs-anatomy" },
    117. { id: 443, level: 3, name: '浏览器支持', type: "link", url: "/detail/browser-support" },
    118. { id: 444, level: 3, name: 'npm 包', type: "link", url: "/detail/npm-packages" },
    119. { id: 445, level: 3, name: 'TypeScript 配置', type: "link", url: "/detail/typescript-configuration" },
    120. { id: 446, level: 3, name: '预 (AoT) 编译器', type: "link", url: "/detail/aot-compiler" },
    121. { id: 447, level: 3, name: '预 (AoT) 编译器', type: "link", url: "/detail/metadata" },
    122. { id: 448, level: 3, name: '部署', type: "link", url: "/detail/deployment" }
    123. ]
    124. },
    125. {
    126. id: 45,
    127. level: 2,
    128. name: '升级',
    129. type: "button",
    130. isExpanded: false,
    131. isSelected: false,
    132. subMenu: [
    133. { id: 451, level: 3, name: '从 AngularJS 升级', type: "link", url: "/detail/upgrade" },
    134. { id: 452, level: 3, name: '升级速查表', type: "link", url: "/detail/ajs-quick-reference" }
    135. ]
    136. },
    137. { id: 46, level: 2, name: 'Visual Studio 2015 快速上手', type: "link", url: "/detail/visual-studio-2015" },
    138. { id: 47, level: 2, name: '风格指南', type: "link", url: "/detail/styleguide" },
    139. { id: 48, level: 2, name: '词汇表', type: "link", url: "/detail/glossary" }
    140. ]
    141. },
    142. { id: 5, level: 1, name: 'API 参考手册', type: "link", url: "/detail/api" }
    143. ];
    144. let levelNum = 1;
    145. let startExpand = []; // 保存刷新后当前要展开的菜单项
    146. function setExpand(source, url) {
    147. let sourceItem = '';
    148. for (let i = 0; i < source.length; i++) {
    149. sourceItem = JSON.stringify(source[i]); // 把菜单项转为字符串
    150. if (sourceItem.indexOf(url) > -1) { // 查找当前 URL 所对应的子菜单属于哪一个祖先菜单
    151. if (source[i].type === 'button') { // 导航菜单为按钮
    152. source[i].isSelected = true; // 设置选中高亮
    153. source[i].isExpanded = true; // 设置为展开
    154. startExpand.push(source[i]);
    155. // 递归下一级菜单，以此类推
    156. setExpand(source[i].subMenu, url);
    157. }
    158. break;
    159. }
    160. }
    161. }
    162. const state = {
    163. menus,
    164. levelNum
    165. };
    166. const mutations = {
    167. findParents(state, payload) {
    168. if (payload.menu.type === "button") {
    169. payload.menu.isExpanded = !payload.menu.isExpanded;
    170. } else if (payload.menu.type === "link") {
    171. if (startExpand.length > 0) {
    172. for (let i = 0; i < startExpand.length; i++) {
    173. startExpand[i].isSelected = false;
    174. }
    175. }
    176. startExpand = []; // 清空展开菜单记录项
    177. setExpand(state.menus, payload.menu.url);
    178. };
    179. },
    180. firstInit(state, payload) {
    181. setExpand(state.menus, payload.url);
    182. }
    183. }
    184. export default {
    185. state,
    186. mutations
    187. };

    在使用状态管理时，我们一定要记住，一旦数据写到了 state 中时，就不能再添加其它属性了，什么时间？就拿上面的 menus 数据来说，比如，本来菜单数据中没有 isExpanded 这个字段的,然后你在 mutations 的方法中给 menus 对象添加了一个 isExpanded 属性，但你会发现属性是不会被状态管理追踪到的，所以我们一开始就给这个数据添加了 isExpanded 和 isSelected 。

    store/index.js
    1. import Vue from 'vue'
    2. import Vuex from 'vuex'
    3. import menusModule from './module/menusModule'
    4. Vue.use(Vuex);
    6. const store = new Vuex.Store({
    7. modules: {
    8. menusModule
    9. }
    10. })
    12. export default store;

    上面这个例子在使用状态管理时，把菜单的相关配置封装成模块，然后再引入。如果把状态管理写成模块的形式的话，在调用这个模块中的状态时就需要注意了，写法可以参数示例中的代码。

    上面这个例子可以直接用到自己的项目中，只要你理解了其中的思想，其他的都不是问题。Vue 实现树形菜单功能模块之旅只能带你到这里了。

    你可能感兴趣的:(Vue2 实现树形菜单（多级菜单）功能模块)

    • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
      el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
    • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
      在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
    • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
      感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
    • 店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码 说私域 人工智能小程序
      摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
    • 消息中间件有哪些常见类型 xmh-sxh-1314 java
      消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
    • 腾讯云技术深度探索：构建高效云原生微服务架构 我的运维人生 云原生架构腾讯云运维开发技术共享
      腾讯云技术深度探索：构建高效云原生微服务架构在当今快速发展的技术环境中，云原生技术已成为企业数字化转型的关键驱动力。腾讯云作为行业领先的云服务提供商，不断推出创新的产品和技术，助力企业构建高效、可扩展的云原生微服务架构。本文将深入探讨腾讯云在微服务领域的最新进展，并通过一个实际案例展示如何在腾讯云平台上构建云原生应用。腾讯云微服务架构概览腾讯云微服务架构基于云原生理念，旨在帮助企业快速实现应用的容
    • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记 爱吃丸子的小樱桃
      不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
    • 从0到500+，我是如何利用自媒体赚钱？ 一列脚印
      运营公众号半个多月，从零基础的小白到现在慢慢懂了一些运营的知识。做好公众号是很不容易的，要做很多事情；排版、码字、引流…通通需要自己解决，业余时间全都花费在这上面涨这么多粉丝是真的不容易，对比知乎大佬来说，我们这种没资源，没人脉，还没钱的小透明来说，想要一个月涨粉上万，怕是今天没睡醒（不过你有的方法，算我piapia打脸）至少我是清醒的，自己慢慢努力，实现我的万粉目标！大家快来围观、支持我吧！孩子
    • 使用LLaVa和Ollama实现多模态RAG示例 llzwxh888 python人工智能开发语言
      本文将详细介绍如何使用LLaVa和Ollama实现多模态RAG（检索增强生成），通过提取图像中的结构化数据、生成图像字幕等功能来展示这一技术的强大之处。安装环境首先，您需要安装以下依赖包：!pipinstallllama-index-multi-modal-llms-ollama!pipinstallllama-index-readers-file!pipinstallunstructured!p
    • 利用LangChain的StackExchange组件实现智能问答系统 nseejrukjhad langchainmicrosoft数据库python
      利用LangChain的StackExchange组件实现智能问答系统引言在当今的软件开发世界中，StackOverflow已经成为程序员解决问题的首选平台之一。而LangChain作为一个强大的AI应用开发框架，提供了StackExchange组件，使我们能够轻松地将StackOverflow的海量知识库集成到我们的应用中。本文将详细介绍如何使用LangChain的StackExchange组件
    • MongoDB Oplog 窗口 喝醉酒的小白 MongoDB运维
      在MongoDB中，oplog（操作日志）是一个特殊的日志系统，用于记录对数据库的所有写操作。oplog允许副本集成员（通常是从节点）应用主节点上已经执行的操作，从而保持数据的一致性。它是MongoDB副本集实现数据复制的基础。MongoDBOplog窗口oplog窗口是指在MongoDB副本集中，从节点可以用来同步数据的时间范围。这个窗口通常由以下因素决定：Oplog大小：oplog的大小是有限
    • Faiss Tips：高效向量搜索与聚类的利器 焦习娜Samantha
      FaissTips：高效向量搜索与聚类的利器faiss_tipsSomeusefultipsforfaiss项目地址:https://gitcode.com/gh_mirrors/fa/faiss_tips项目介绍Faiss是由FacebookAIResearch开发的一个用于高效相似性搜索和密集向量聚类的库。它支持多种硬件平台，包括CPU和GPU，能够在海量数据集上实现快速的近似最近邻搜索（AN
    • Python 实现图片裁剪（附代码） | Python工具 剑客阿良_ALiang
      前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
    • 数据仓库——维度表一致性 墨染丶eye 背诵数据仓库
      数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
    • ARM驱动学习之5 LEDS驱动 JT灬新一 嵌入式C底层arm开发学习单片机
      ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
    • Low Power概念介绍-Voltage Area 飞奔的大虎
      随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
    • 道阻且长，行则将至 sweet橘子
      本文参与书香澜梦主题征文“行”文章原创首发，文责自负。我们每一个人都应该有属于自己的愿望或者是理想，人一但有了理想也就算是有了方向，它就会像灯塔一样指引我们前进的方向，哪怕是再远大的理想，如果坚持，那么我相信它就一定有收获。屈原是我最喜欢的一个浪漫主义的诗人，他曾今说过：“路漫漫其修远兮，吾将上下而求索。”人生的道路很长，但是为了实现自己的理想抱负我愿意付出我毕生的精力，只专注这一件事，因为“道阻
    • insert into select 主键自增_mybatis拦截器实现主键自动生成 weixin_39521651 insertintoselect主键自增mybatisdelete返回值mybatisinsert返回主键mybatisinsert返回对象mybatisplusinsert返回主键mybatisplus插入生成id
      前言前阵子和朋友聊天，他说他们项目有个需求，要实现主键自动生成，不想每次新增的时候，都手动设置主键。于是我就问他，那你们数据库表设置主键自动递增不就得了。他的回答是他们项目目前的id都是采用雪花算法来生成，因此为了项目稳定性，不会切换id的生成方式。朋友问我有没有什么实现思路，他们公司的orm框架是mybatis，我就建议他说，不然让你老大把mybatis切换成mybatis-plus。mybat
    • 和自己结婚，是一种怎样的体验 只如初见_2020
      一个17岁谈恋爱，19岁结婚，然后离了三次婚的女人，站在台上说：“现在我结婚了，和那个一直以来，真正想在一起的人结婚了，那个人就是我自己。”她说，在我9岁前，我已经在二十几个寄养家庭中待过。我从童年到成年，就只有一个目标，不要被落下。而我实现这一目标的方式就是，我要结婚。我第一次的结婚对象，是我17岁时遇到的人。我们两年之后结了婚，当时我19岁。他是个非常好的人，来自于非常棒的家庭，他是工商管理硕
    • Java 重写(Override)与重载(Overload) 叨唧唧的
      Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio
    • 网络编程基础 记得开心一点啊 网络
      目录♫什么是网络编程♫Socket套接字♪什么是Socket套接字♪数据报套接字♪流套接字♫数据报套接字通信模型♪数据报套接字通讯模型♪DatagramSocket♪DatagramPacket♪实现UDP的服务端代码♪实现UDP的客户端代码♫流套接字通信模型♪流套接字通讯模型♪ServerSocket♪Socket♪实现TCP的服务端代码♪实现TCP的客户端代码♫什么是网络编程网络编程，指网络上
    • xilinx vivado PULLMODE 设置思路 坚持每天写程序 fpga开发
      1.xilinx引脚分类XilinxIO的分类：以XC7A100TFGG484为例，其引脚分类如下：1.UserIO(用户IO)：用户使用的普通IO1.1专用(Dedicated)IO：命名为IO_LXXY_#、IO_XX_#的引脚，有固定的特定用途，多为底层特定功能的直接实现，如差分对信号、关键控制信号等，不能随意变更。1.2多功能(Multi-Function)IO：命名为IO_LXXY_ZZ
    • Python实现简单的机器学习算法 master_chenchengg pythonpython办公效率python开发IT
      Python实现简单的机器学习算法开篇：初探机器学习的奇妙之旅搭建环境：一切从安装开始必备工具箱第一步：安装Anaconda和JupyterNotebook小贴士：如何配置Python环境变量算法初体验：从零开始的Python机器学习线性回归：让数据说话数据准备：从哪里找数据编码实战：Python实现线性回归模型评估：如何判断模型好坏逻辑回归：从分类开始理论入门：什么是逻辑回归代码实现：使用skl
    • C语言 判断回文数 Y雨何时停T c语言学习
      一，回文数概念“回文”是指正读反读都能读通的句子，它是古今中外都有的一种修辞方式和文字游戏，如“我为人人，人人为我”等。在数学中也有这样一类数字有这样的特征，成为回文数。设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。例如，若n=1234321，则称n为一回文数；但若n=1234567，则n不是回文数。二，判断回文数实现思路一：数组与字符串将数字每一位按顺序放
    • 九月班级管理工作反思 追梦蜂
      这个月应该算是最难的一个月，我已N年没当班主任，然后我又开始当了。职称是一方面，想到我如果退休了，不能再接触学生了，那该是多么遗憾的事！我的学生梁*铭是我的榜样，她那么努力，那么拼，那么上进，为什么我不行？虽然我面临的工作很难，但是高考数学也不容易。她拿下来了！满分150分她考了146分！我目睹她的艰辛，她的拼搏！还有，我要为我的孩子做榜样，如何竭尽全力，实现梦想。还有，服务，为社会做事，也是会有
    • 2021-01-24 9ce517ee104c
      【打卡素材】《香帅金融学讲义》【标题】公司治理：怎样同床异梦地过下去【日期】2021.1.24【字数】公司本质上是一连串的合约关系。降低合同执行中的各种摩擦是公司正常有效运行的基础。协同各方的利益、制衡各方的权力是关键。为解决利益冲突问题、协同各方利益，进行权力制衡的机制设计就是公司治理机制。001什么是公司治理治理是管理的基础，治理机制越好，权、责、利就越清晰，管理的目标也就会更容易实现。002
    • 读书笔记|《遇见孩子，遇见更好的自己》5 抹茶社长
      为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
    • 推荐算法_隐语义-梯度下降 _feivirus_ 算法机器学习和数学推荐算法机器学习隐语义
      importnumpyasnp1.模型实现"""inputrate_matrix:M行N列的评分矩阵，值为P*Q.P:初始化用户特征矩阵M*K.Q:初始化物品特征矩阵K*N.latent_feature_cnt:隐特征的向量个数max_iteration:最大迭代次数alpha:步长lamda:正则化系数output分解之后的P和Q"""defLFM_grad_desc(rate_matrix,l
    • Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选javakafka
      一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
    • 用Python实现简单的猜数字游戏 程序媛了了 python游戏java
      猜数字游戏代码：importrandomdefpythonit():a=random.randint(1,100)n=int(input("输入你猜想的数字："))whilen!=a:ifn>a:print("很遗憾，猜大了")n=int(input("请再次输入你猜想的数字："))elifna::如果玩家猜的数字n大于随机数字a，则输出"很遗憾，猜大了"，并提示玩家再次输入。elifn
    • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
      Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
    • mongoDB 分片 开窍的石头 mongodb
          mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
    • OVER(PARTITION BY)函数用法 0624chenhong oracle
      这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
    • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
      首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
    • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
      pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
    • 编码乱码问题 灵静志远 javajvmjsp编码
      1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
    • java 求几个月后的日期 darkranger calendargetinstance
      Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
    • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
      关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
    • 想学工作流怎么入手 atongyeye jbpm
      工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
    • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
             一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
    • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
              group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
    • vi opertion 征客丶 macoprationvi
      进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
    • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
        对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
    • java类加载机制 BlueSkator java虚拟机
      java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
    • 动态添加文本框 BreakingBad 文本框
        <script>     var num=1; function AddInput() {      var str="";     str+="<input 
    • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
    • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
      这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
    • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
      我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
    • oracle 11g新特性Flashback data archive daizj oracle
      1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
    • 多叉树:2-3-4树 dieslrae 树
          平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
    • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
      /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
    • Objective-C编码规范[译] dcj3sjt126com 代码规范
        原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
    • 0.性能优化-目录 frank1234 性能优化
      从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
    • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
        import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
    • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
        ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
    • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
      ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
    • 第12章 Ajax（中） onestopweb Ajax
      index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
    • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
      http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
    • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
      1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
    • 世纪互联与结盟有感 阿尔萨斯
      10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他