# s-java

**Repository Path**: mgang/s-java

## Basic Information

- **Project Name**: s-java
- **Description**: Java 学习
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://mgang.gitee.io/s-java
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-12-11
- **Last Updated**: 2023-08-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div id="container" class="layui-container">
    <fieldset class="layui-elem-field" style="padding: 10px;" v-for="(item,index) in nodes">
        <legend>{{item.moduleName}}</legend>
        <div class="layui-row">
            <div v-if="status(part) == '1'" class="layui-col-xs12 layui-col-sm12 layui-col-md2 has" v-for="(part,index) in item.parts">
                <a :href="theHref(part)">{{theName(part)}}</a>
            </div>
            <div v-else-if="status(part) == '2'" class="layui-col-xs12 layui-col-sm12 layui-col-md2 doing">
                <a :href="theHref(part)">{{theName(part)}}</a>
            </div>
            <div v-else class="layui-col-xs12 layui-col-sm12 layui-col-md2 no">
                    {{theName(part)}}
                </div>
            </div>
    </fieldset>
    <div style="text-align:right;color:gray;">
        蓝色 - 进行中<br/>
        绿色 - 完　成<br/>
        白色 - 待修行<br/>
    </div>
</div>

<script>
    (function(){
         new Vue({
            el:'#container',
            data() {
                return {
                    nodes: [
                        {
                            moduleName: '微服务',
                            parts:['Spring Cloud','Dubbo(java)']
                        },
                        {
                            moduleName: '源码阅读',
                            parts:['JDK相关','Spring','Netty','Zookeeper']
                        },
                        {
                            moduleName: 'Java调优',
                            parts:['MySQL调优','JVM调优','Tomcat调优','线程池调优']
                        },
                        {
                            moduleName: '数据库',
                            parts:['MySQL','Oracle','PostgreSQL','Sqlite']
                        },
                        {
                            moduleName: '框架',
                            parts:['Spring','Spring Boot','Mybatis','Mybatis Plus','Netty']
                        },
                        {
                            moduleName: 'Java核心',
                            parts:['Java基础和面向对象@1@#/java/base','Java Web@1@#/java/web','Java进阶集合框架@2@#/java/collection','Java进阶IO框架@2@#/java/io','Java进阶高并发@1@#/java/juc','Java进阶虚拟机@1@#/java/jvm']
                        }
                    ]
                };
            },
            methods: {
                theName(v){
                    return v.split('@')[0];
                },
                theHref(v){
                    return v.split('@')[2];
                },
                status(v){
                    return v.split('@')[1];
                }
            }
        });
        importLayuiCss();
        importLayuiRowCss();
    })();

    function importLayuiCss(){
        var hm = document.createElement("link");
        hm.href = "//cdn.jsdelivr.net/npm/layui@2.7.6/dist/css/layui.css";
        hm.rel = "stylesheet";
        var s = document.getElementsByTagName("link")[0]; 
        s.parentNode.insertBefore(hm, s);
    }

    function importLayuiRowCss(){
        var hm = document.createElement("link");
        hm.href = "static/css/layui-row.css";
        hm.rel = "stylesheet";
        var s = document.getElementsByTagName("link")[0]; 
        s.parentNode.insertBefore(hm, s);
    }
</script>