精华内容
下载资源
问答
  • 1、数据生成登录管理门户127.0.0.1:8000/admin。在Student与Teacher模块分别完成这6~10个用户的信息录入。另外在course模块进行课程增加,过程中发现Course模块里面,tno是外键引用,仅显示teacher obje...

    #本文欢迎转载,转载请注明出处和作者

    通过前面的文章,我们已经知道如何将数据从前端推送到后台。这篇讲述一下后台如何向前端返回数据,并且前台进行展示。

    1、数据生成

    登录管理门户127.0.0.1:8000/admin。

    在Student与Teacher模块分别完成这6~10个用户的信息录入。

    2883c50a30026516c2d4433d3680a48e.png

    另外在course模块进行课程增加,过程中发现Course模块里面,tno是外键引用,仅显示teacher object,需要优化。

    64243586fc693f848817b8eced715249.png

    外键引用的显示问题,可以在外键的源处(即models.py下面的clasee teacher类内)增加如下函数:

    def __str__(self):
        return self.tno

    【python2】该str为unicode

    def __unicode__(self):
        return self.tno

    修改后问题修复,可以看到具体的数据。

    198777a2ef22a6e6d7634b6a00c48c40.png

    2、个人信息展示

    2.1 stuinfo/tchinfo网页编辑

    我们使用表格来展示个人数据,可以在magicbox里面选取表格组件,选择合适的样式,然后复制代码粘贴到stuinfo/tchinfo的html页面。(就是<table>标签里面的内容)

    dec761c6cb5a4834c5141b1437754df3.png

    bbcf88c088d6ead85698c0daf089b15f.png
    <table class="table table-bordered">
        <thead>
            <tr>
                <th style="width: 7%">序号</th>
                <th style="width:20%;">任务</th>
                <th>进度</th>
                <th>开发者</th>
                <th>结束时间</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>版本更新</td>
                <td>
                    刚开始
                </td>
                <td>管理员</td>
                <td>2015-09-20</td>
            </tr>
            <tr>
                <td>2</td>
                <td>数据备份</td>
                <td>
                    已结束
                </td>
                <td>管理员</td>
                <td>2015-09-20</td>
            </tr>
            <tr>
                <td>3</td>
                <td>定时任务</td>
                <td>
                    70%
                </td>
                <td>管理员</td>
                <td>2015-09-20</td>
            </tr>
            <tr>
                <td>4</td>
                <td>修复bug</td>
                <td>
                    完成
                </td>
                <td>管理员</td>
                <td>2015-09-20</td>
            </tr>
            <tr>
                <td>5</td>
                <td>系统告警</td>
                <td>
                    已结束
                </td>
                <td>管理员</td>
                <td>2015-09-20</td>
            </tr>
        </tbody>
    </table>

    修改views.py里面的stuinfo函数,使用ORM进行数据库查询,ORM详细用法可以回顾:

    【实战演练】Python+Django网站开发系列06-django数据库创建与使用zhuanlan.zhihu.com

    之前使用的render只能返回页面,最佳render_to_response可以同时返回页面与数据。

    from django.shortcuts import render,render_to_response
    def stuinfo(request):
        username = request.session['username']
        userinfo = student.objects.filter(username=username)
        return render_to_response('stuinfo.html',locals())

    stuinfo.html需要增加上面的<table>代码,并且需要按照实际的展示数据修改,其中<th>根据表格的表头列数需要增加/删除。<tr>部分,使用{% for i in userinfo%}{% endfor %}来写循环,接收后端返回过来的数据并且展示。

    每个字段实际的值,用{{ i.字段名 }}表示。

    {% extends 'BASE02.html' %}
    
    {% block content %}
        <table class="table table-bordered">
            <thead>
            <tr>
                <th style="width: 7%">学号</th>
                <th style="width:20%;">姓名</th>
                <th>用户名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>班级</th>
            </tr>
            </thead>
            <tbody>
            {% for i in userinfo %}
                <tr>
                    <td>{{ i.sno }}</td>
                    <td>{{ i.sname }}</td>
                    <td>{{ i.username }}</td>
                    <td>{{ i.ssex }}</td>
                    <td>{{ i.sage }}</td>
                    <td>{{ i.sdept }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endblock %}
    

    刷新页面,可以得出如下显示效果。

    a237af27ef844d55be4173ef87befaa2.png

    同理,可以依法处理教师界面个人信息tchinfo的函数。

    def tchinfo(request):
        username = request.session['username']
        userinfo = teacher.objects.filter(username=username)
        return render_to_response('tchinfo.html', locals())

    tchinfo.html修改为:

    {% extends 'BASE03.html' %}
    
    {% block content %}
    <table class="table table-bordered">
            <thead>
            <tr>
                <th style="width: 7%">教师号</th>
                <th style="width:20%;">姓名</th>
                <th>用户名</th>
                <th>职称</th>
            </tr>
            </thead>
            <tbody>
            {% for i in userinfo %}
                <tr>
                    <td>{{ i.tno }}</td>
                    <td>{{ i.tname }}</td>
                    <td>{{ i.username }}</td>
                    <td>{{ i.ttitle }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endblock %}

    18002ca8f931367ece10fcb94a7da64a.png
    展开全文
  • 加载门户首页大广告(1) 描述实现加载首页大广告的实现思路答:前端发送ajax请求,带着参数categoryId,后端进行查询,查到大广告的数据,转换成前端需要的json格式的字符串返回回去(2) 描述后端响应到前端的大广告...

    第192次(门户数据展示_Redis缓存数据)

    学习主题:门户数据展示_Redis缓存数据

    1. 加载门户首页大广告

    (1) 描述实现加载首页大广告的实现思路

    答:前端发送ajax请求,带着参数categoryId,后端进行查询,查到大广告的数据,转换成前端需要的json格式的字符串返回回去

    (2) 描述后端响应到前端的大广告数据格式

    答:就是符合json格式的字符串

    2. 实现商品类目_大广告缓存_缓存同步

    (1) 描述实现缓存同步的思路

    答:前端发送ajax请求,带着参数categoryId,后端进行查询,查到大广告的数据,转换成前端需要的json格式的字符串返回回去

    (2)描述实现数据缓存的实现思路和缓存,数据库查询顺序

    答:先去redis中查询,查询到有数据,则直接将从redis中查询到的数据返回,否则查询数据库,并且将查询到的数据转换为json格式之后,将它存到redis中

    3. 加载门户首页商品类目

    (1) 描述加载首页商品类目的实现思路

    答:前端发起ajax请求,后端查询门户首页所有的商品的类目以String类型响应到前端,前端进行响应的显示即可

    (2)描述需要响应到前端的商品类的数据结构和规范

    数据结构:

    18482f9df6455e55e67c3ddde1917ba6.png

    规范:

    Data:是一个List集合,这个List里面应该放的是CatNode对象,最终将CatResult序列化为一个json串响应到前台来

    U:uri

    N:name,节点名字

    I:List集合,代表当前节点的子节点

    展开全文
  • 前端介绍

    2020-05-17 22:40:21
    后端:与数据库交互的部分,完成数据存取(后端查找数据,返回给前端) 网站架构 → 网页美工 → 前端开发 开发:编写代码 二、前端视觉和交互领域 前端技术支持范围: 网页、网站、移动端H5小游戏、特效...

     

    一、Web前端开发

    1. Webweb系统,指以网站形式呈现出来,用户通过浏览器访问(电商网站、综合门户网站、管理系统等)
    2. 前端:即网页上为用户呈现的部分,用户可以接触到
    •   后端:与数据库交互的部分,完成数据存取(后端查找数据,返回给前端

    •   网站架构 网页美工 前端开发

    •   开发:编写代码

     

    二、前端视觉和交互领域

    1. 前端技术支持范围:

    网页、网站、移动端H5小游戏、特效、大数据可视化、VR虚拟现实等

         2. 前端工程师工作领域:

    金融理财、居家生活、聊天社交、旅行交通、摄影摄像、体育运动、图书阅读、新闻资讯、学习教育、医疗健康、娱乐消遣、购物消费、机关政府、银行学习

         3. 前端工程师工作范围:

    产品前期开发,后期发展维护、更新、升级

     

    、前端工程使用工具

    • HTML:定义网页的内容
    • CSS:规定网页的布局
    • JavaScript(简称“JS”):对网页行为进行编程

    2. 需要了解学习的内容:

    jQuery、网络、CSS3、H5、es6、webpack4.0、git、小程序、升级模式、VUE、VUEX、VUE源码、React、Node.js、MongoDB数据库等。

    3. 使用的编辑器:

    1. Sublime Text(初学使用:轻量、快捷、简单、易上手)
    2. Visual Studio Code(支持系统多、开发效率块、打开速度慢)
    • 关于Visual Studio Code:
    • 支持系统:Windows,OS X和LINUX系统;内置JavaScript,TypeScript和Node.js
    • 开发效率:丰富的插件生态系统提高开发效率,快捷键非常多
    • 打开速度:打开速度没有Sublime快,一般适用于较大项目

     

    四、HTML基础标签

     

    1. hypertext markup language —— 超文本编辑语言
    2. html:有一对对的标签组成,每对标签都有特殊的功能
    3. <html>:根标签,一个HTML文件,只能有一对<html>标签

     

    • <html>根标签中必须要有的两个标签:<head>和<body>
    • <head>标签:为浏览器编辑,设计浏览器特性,用户看不到,思想类
    • <body>标签:展现给浏览者(用户)看的,用户看得到的,皮肤类

     

    展开全文
  • web前端

    2019-11-12 15:56:37
    目前,web前端企业已经成为市场争抢的香饽饽,据招聘门户网站前程无忧和智联招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800左右。  这么高端待遇...

    目前,web前端企业已经成为市场争抢的香饽饽,据招聘门户网站前程无忧和智联招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800左右。
      这么高端待遇好的职位,你想知道你适合做么?伊人在线:www.sheonline.cn
      互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高,导致网站开发难度越来越大,于是一个新兴职业应运而生——web前端工程师。因为互联网时代的高速发展,公司企业的迫切需求web前端工程师,web人才成为各大公司名企争抢的“香饽饽”。
      不仅如此,Web前端工程师工作1~2年后通常会成为Web前端高级软件工程师,年薪可以达到15万以上;工作3-5年后通常可以成为Web前端技术主管或者经理,年薪在15-50万之间;工作年限5年以上,通常会成为互联网公司的技术总监或产品经理,年薪将达到50万-100万之间。

    展开全文
  • 含PC版+手机版+微信公众平台+火鸟门户小程序前端(全网独家)+火鸟门户小程序后台配置+手机客户端APP(含门户手机客户端+外卖商家手机客户端+骑手手机客户端),完美支持PC+wap手机版+微信公众平台+小程序数据四网通。...
  • 成都地铁单日客运量数据,监控分析前端部分 项目预览 项目站点暂未发布,数据仅收录2016-08-24之后的客运数据 部分截图: 科技类 前端: TypeScript + React + antd初期: eggjs + sequelize数据库: mysql
  • 作为门户网站的前端,有许多说不出的苦楚:有些代码虽然...而且作为财经门户来说,页面分多屏是显然的、再者N多异步请求的数据(股票数据要及时更新)、画股票行情图等,对于前端的性能都是极大的考验。笔者用YSlow去测
  • 说到互联网所包含的各大职业,Web前端企业已经成为市场争抢的香饽饽,据招聘门户网站的招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800元左右。...
  • AR等应用,通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作,实现设计意图并调用后台接口;也可以独立工作,完成强用户交互的各类应用。 二、WEB...
  • 易上手跨平台高薪水应用广TIPpython除了不能生孩子,啥都能干,如WEB开发,网络爬虫,数据分析,大数据,人工智能,服务器运维,自动化测试...#实战目标使用Python3.7+Django2.2+sqlite实现一个企业门户网站先...
  • 几何数字)推出的医疗行业智能报表系统,通过嵌入纯前端表格控件 SpreadJS,实现了拖拽式操作和丰富的可视化指标体系,可助您轻松自如地完成数据透视分析、自助分析、业务数据探查、报表制作和数据门户搭建等工作,...
  • 在微信开发中,我一直强调需要建立一个比较统一的WebAPI接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统、微信应用、微信小程序、APP等方面,都可以直接调用基于JSON数据格式的Web...
  • 数据科学@ GT是佐治亚理工学院首屈一指的数据科学俱乐部,这是我们的会员门户! 我们使用以下技术: ReactJS 火力基地 特拉维斯CI 为了运行此程序,您将需要访问我们的Firebase控制台。 一旦获得批准,请按以下...
  • Invigulus管理门户 我在实习期间创建的一个前端React应用程序。 该应用程序利用RESTful API来允许Invigulus员工对其所有后端数据执行完整的CRUD操作。 注意:此应用程序使用私有api,仅供invigulus员工使用。 因此...
  • 作为门户网站的前端,有许多说不出的苦楚:有些代码虽然...而且作为财经门户来说,页面分多屏是显然的、再者N多异步请求的数据(股票数据要及时更新)、画股票行情图等,对于前端的性能都是极大的考验。笔者用YSlow去测
  • WEB前端基础笔记day01

    2020-12-08 20:05:57
    第五阶段、小程序+数据可视化 第六阶段、就业指导+项目实训 小目标:PC电商网站 前端的概述 web的发展史 web1.0 简单的静态页面 早期三大门户 搜狐 新浪 网易 web2.0 更注重用户之间的交互 用户即是信息的消费者也...
  • 说到互联网所包含的各大职业,Web前端企业已经成为市场争抢的香饽饽,据招聘门户网站的招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800元左右。...
  • 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。 可以参考:前后端分离、web与static服务器分离 2. 尽量避免后端模板渲染 web 应用的渲染...
  • 目前,web前端企业已经成为市场争抢的香饽饽,据招聘门户网站前程无忧和智联招聘数据显示,每个月企业在51job上公布的职位量在1.3万左右,在智联招聘上公布的职位量是2.4万左右,平均月薪12800左右。这么高端待遇好...
  • 前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。 2、尽量避免后端模板渲染 web 应用的渲染方式分为服务器端渲染和客户端渲染,当下比较...
  • 综合门户网站:新浪 管理系统:教务系统 3.web系统从开发人员的角度可以分为前端后后端两个部分 前端:网页上为用户呈现的部分,用户接触的部分 后端:与是数据库进行交互,完成数据存取,用户触摸不到 例如:用户要...
  • AR等应用,通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作,实现设计意图并调用后台接口;也可以独立工作,完成强用户交互的各类应用。 二、WEB...
  • 目前,web前端企业已经成为市场争抢的香饽饽,据招聘门户网站前程无忧和智联招聘数据显示。 这么高端待遇好的职位,你想知道你适合做么? 互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高,...
  • 综合门户网站:新浪、搜狐; 管理系统:内部管理系统; Web:Web系统——以网站形式呈现,通过浏览器访问,完成一 定功能的系统。 前端:网页上为用户呈现的部分; 后端:与数据库进行交互,完成数据存取; 开发:...
  • Web3 Drive是去中心化存储世界的用户门户。 它充当分散的驱动器,用户可以在其中以安全的方式上载,下载大文件。 产品特点 轻松上传到IPFS /从IPFS下载 端到端加密选项 同步分散存储中的元数据(3盒) 在ipfs中获取...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 145
精华内容 58
关键字:

数据门户前端