1.共享登錄（單點登錄）主要是前端部分

主要是根據是否有cookie來判斷是否已經登錄主系統，然后再根據是否有當前系統的登錄信息來（這塊主要是sessionStorage做的）判斷是否要再登錄當前系統。

設置、讀取和設置cookie的方法

function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } function getCookie(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); return (arr=document.cookie.match(reg))?unescape(arr[2]):null; } function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString(); }

---

2.部門樹的數據處理

后臺返回的數據結構如下，需要處理成一維數組。

deptTree:[{"children":[{"deptId":"001","deptName":"xxx","businessUnit":"000001","treeNodeNum":111111,"need":"Y","children":[{"deptId":"0000011","deptName":"xxxxxx","businessUnit":"00011","treeNodeNum":5555,"need":"Y"},...]

主要是運用遞歸的方式處理

loopDept: function (data) {var _this = this;var deptTreeNode = [];if (data.need == 'Y') {deptTreeNode.push(data.deptId);}if (data.children) {data.children.forEach(function (node) {var nodes = _this.loopDept(node);deptTreeNode = deptTreeNode.concat(nodes);})}return deptTreeNode;},

遞歸組件

<template><ul class="treeList"><liv-for="(item,index) in list":key="index"class="treebox"><span><imgsrc="@/assets/deptIcon.png"alt=""><em @click="goteamerList(item)">{{item.deptName | fixName }}</em><van-iconname="arrow-up"v-show="!item.showMore && item.children"@click="changeStatus(item)"size="0.4rem"/><van-iconname="arrow-down"v-show="item.showMore && item.children"@click="changeStatus(item)"size="0.4rem"/></span><myTreesv-if="item.children && !item.showMore":list="item.children"></myTrees></li></ul></template>

-

<script> export default {name: "myTrees",props: {list: Array},data() {return {scopesDefault: [],scopes: []};},filters:{fixName(value){if(value && value.length > 20){let startStr = value.substring(0,10);let endStr = value.substr(-9,9);return value = startStr+"..."+endStr;}else{return value;}}},methods: {changeStatus(item) {item.showMore = !item.showMore;},scope() {this.list.forEach((item, index) => {if ("children" in item) {this.$set(item, "showMore", true);} else {this.$set(item, "showMore", false);}});},goteamerList(item) {let {businessUnit,deptId,isJKNode,isJRNode} = item;sessionStorage.setItem("deptInfo", JSON.stringify(item));this.$router.push({name: "teamerList",query:{businessUnit,deptId,isJKNode,isJRNode}});}},created() {this.scope();} }; </script>

---

3.一些處理數據的方式

list.forEach(function (ele) {//數組設置法if (ele.isInner == 'Y') {if (tempInner[ele.belongCategoryId]) {tempInner[ele.belongCategoryId].push(ele)} else {tempInner[ele.belongCategoryId] = [ele]}} else {if (tempOut[ele.belongCategoryId]) {tempOut[ele.belongCategoryId].push(ele)} else {tempOut[ele.belongCategoryId] = [ele]}}//對象設置法if (ele.isInner == 'Y') {if (tempInner.hasOwnProperty(ele.belongCategoryId)) {tempInner[ele.belongCategoryId] += ","+ele.name } else {tempInner[ele.belongCategoryId] = ele.name}} else {if (tempOut.hasOwnProperty(ele.belongCategoryId)) {tempOut[ele.belongCategoryId] += ","+ele.name } else {tempOut[ele.belongCategoryId] = ele.name}}})

前端渣渣摸魚時間所錄，先就這些，想到再寫，如有問題請指出。

總結

以上是生活随笔為你收集整理的前端if else_应该记录的一些项目代码（前端）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。