基于web公交查询系统---站点信息管理

Posted tqin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于web公交查询系统---站点信息管理相关的知识,希望对你有一定的参考价值。

界面设计:

技术图片

 

 

 界面设计代码获取:

技术图片

 

 

 搭建好框架获取信息:

技术图片

 

 

核心代码: 

    var users = [ ];//获取到的bus所有站点信息
    var rowIndex = -1;
    $.ajax({
        url: "/busstations",
        type:"GET",
        success: function(response){
            users = response;
            console.log(users)
            //查看到获取信息成功
            var example1 = new Vue({
                el: ‘#usersTable‘,
                data: {
                    items: users
                }
            });
            return;
        }
    });

 

简单显示数据:(晚安,下次任务是添加站点功能)

技术图片

 

 

 

以上是关于基于web公交查询系统---站点信息管理的主要内容,如果未能解决你的问题,请参考以下文章