精华内容
下载资源
问答
  • 最近要做个类似的,想找些参考,但是目前找到的都是Web端设计Web端界面的框架,不知道各位有没有看过设计移动端原型的Web端工具,主要想了解Web端如何搭建一个移动端的屏幕然后之间的距离转换关系怎么处理?...
  • web端设计规范

    2018-07-17 18:04:16
    主要适用于产品和开发作为标准开发参考 标准开发降低来回调试的问题
  • Online Judge Web端设计

    2019-07-04 17:58:32
    目录Online Judge Web端简介前端安装的插件遇到的坑流程截图后端模块前台后台使用的库编码过程中踩的坑特点数据库设计~(待写)~待实现 Online Judge Web端 Online Judge Linux端还没写 很早就想自己写一个OJ,趁着...

    Online Judge Web端

    Online Judge 源代码
    Online Judge Linux端 详解有待优化,只用了Docker没用compose
    沙滩

    很早就想自己写一个OJ,趁着毕设的机会,手刃了一个垃圾版OJ

    简介

    判题部分基于Docker 和 linux C++
    Web端前后端分离,采用Springboot微服务和Vue
    图表生成用的eCharts
    前端UI用的iview

    前端

    安装的插件

    axios 代替jquery的轻量级ajax插件
    Simditor 富文本编辑器
    codemirror 代码编辑器
    echarts 生成图表插件
    tar-simditor-markdown

    遇到的坑

    Simditor插件好像是模块化的,npm装好了以后我一直不知道怎么使用,后来找到一个替代品tar-simditor,如果需要支持markdown,再装一个tar-simditor-markdown就行

    跨域问题

    流程

    前后端分离的话基本都差不多吧,我也不知道企业里是啥样的,没上过班。。后端提供接口,然后用axios ajax访问。

    截图

    回头搞个视频上来

    公告页面
    在这里插入图片描述
    公告详情

    在这里插入图片描述

    题目列表

    在这里插入图片描述

    题目详情

    在这里插入图片描述
    在这里插入图片描述

    竞赛列表

    在这里插入图片描述

    错误详细

    在这里插入图片描述

    竞赛详情

    在这里插入图片描述

    判题结果列表

    在这里插入图片描述

    排名

    在这里插入图片描述

    login

    在这里插入图片描述

    register

    在这里插入图片描述

    后端

    模块

    前台

    公告浏览
    题目浏览
    提交代码
    排名浏览
    竞赛的浏览和参与
    登陆注册和个人信息编辑

    后台

    公告管理
    用户管理
    竞赛管理
    题目管理
    系统管理(特别想做但是还没做的模块)

    使用的库

    com.alibaba.fastjson
    io.jsonwebtoken.jjwt
    com.alibaba.druid
    ch.qos.logback.logback-classic
    org.projectlombok.lombok

    编码过程中踩的坑

    fastJson不建立新对象可能会引起的循环引用

    IDEA 创建多模块的maven项目时的打包问题

    IDEA 创建多模块的maven项目子模块根目录问题

    特点

    权限鉴定

    采用JWT(Json Web Token)验证,以AOP的方式执行验证

    主从数据库

    双MySQL可以减小单个数据库的鸭梨

    权限分类

    • Topic_adder 题目管理
    • Contest_organizer 竞赛组织
    • Contest_participant 竞赛参与者(编码过程中没用到。。不知道设计的时候怎么想的)
    • Code_viewer 代码查看
    • Manual_judger 远程判题(没用到+1)
    • Announcement_manager 公告管理
    • User_manager 用户管理

    判题结果

    设计的时候基本感觉都想到了,但是没全部用,还不健全。仍需努力。。

    名称 描述 是否使用
    OJ_WT0 Pending:等待判题
    OJ_WT1 Waiting:排队中 x
    OJ_CI compiling:编译中 x
    OJ_JI Judging:运行中 x
    OJ_AC Accepted:答案正确
    OJ_PE Presentation Error:格式错误 x
    OJ_WA Wrong Answer:答案不对
    OJ_TL Time Limit Exceeded:运行超出时间限制
    OJ_ML Merrory Limit Exceeded:超出内存限制
    OJ_OL Output Limit Exceeded:输出超过限制 x
    OJ_RE Runtime Error:运行时错误
    OJ_CE Compile Error:编译错误
    OJ_CO Competition Over:竞赛结束 x
    OJ_PA Partial Accepted:部分正确 x
    OJ_SE System Error:系统错误 x

    数据库设计(待写)

    表名

    字段名 描述
    - -

    待实现

    分布式文件系统FastDFS

    Docker-Compose搭建多容器

    添加更多的语言支持 JAVA等

    MySQL读写分离

    好像想写的暂时就这么多,想到了再改吧。。

    展开全文
  • web端设计和web前端开发的区别

    千次阅读 2017-07-05 14:15:22
    它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器...

    Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!

    它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

    如何学习前端知识?

    学习 HTML,CSS 应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习,做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。而学习 Javascript 首先要知道这门语言可以做什么,不能做什么,擅长做什么,不擅长做什么!如果你只想当一个普通的前端程序员,你只需要记住大部分 Javascript 函数,做一些练习就可以了。如果你想当深入了解Javascript,你需要了解 Javascript 的原理,机制。需要知道他们的本源,需要深刻了解Javascript 基于对象的本质。还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。

    因为历史原因,Javascript一直不被重视,有点像被收养的一般! 所以他有很多缺点,各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript 的这些缺陷。

    Web前端:
    1)精通HTML,能够书写语义合理,结构清晰,易维护的HTML结构。
    2)精通CSS,能够还原视觉设计,并兼容业界承认的主流浏览器。
    3)熟悉JavaScript,了解ECMAScript基础内容,掌握1~2种js框架,如JQuery
    4)对常见的浏览器兼容问题有清晰的理解,并有可靠的解决方案。
    5)对性能有一定的要求,了解yahoo的性能优化建议,并可以在项目中有效实施。
    6)......
    Web后端:
    1)精通jsp,servlet,java bean,JMS,EJB,Jdbc,Flex开发,或者对相关的工具、类库以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,对Web开发的模式有较深的理解
    2)练使用oracle、sqlserver、mysql等常用的数据库系统,对数据库有较强的设计能力
    3)熟悉maven项目配置管理工具,熟悉tomcat、jboss等应用服务器,同时对在高并发处理情况下的负载调优有相关经验者优先考虑
    4)精通面向对象分析和设计技术,包括设计模式、UML建模等
    5)熟悉网络编程,具有设计和开发对外API接口经验和能力,同时具备跨平台的API规范设计以及API高效调用设计能力
    6)......
    从几个公司的招聘要求可以看到,做Web开发,对前端和后端的要求是各自所不同的。而我们目前的实际情况,也和这个差不多,但是,我们无论在知识的掌握程度上,还是知识掌握的宽度上,都是不够的。

    展开全文
  • Web端设计规范的价值

    2018-04-08 15:17:33
    1. 可复用性 有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用,不需要重复...由于组件控件的可复用,这直接使设计师的工作效率得到极大提高节省了大量时间,可以有大量时间思考设计和业务背后
    1. 可复用性

    有了完整的设计规范和对应的组件控件。方便视觉和交互设计师反复复用,不需要重复制作,减少工作量提高工作效率。

    2. 统一性

    有了统一的设计规范,设计师之间使用时,可避免自我创造组件控件,保持团队产品的统一性体验。

    3. 提升能力

    由于组件控件的可复用,这直接使设计师的工作效率得到极大提高节省了大量时间,可以有大量时间思考设计和业务背后的逻辑从而提高设计思维能力。同时完整的设计规范是系统的,设计师阅读之后可以构建自我的设计体系,对于设计的提高有极大的好处。

    4. 团队文化沉淀

    团队有了设计规范之后,便于团队以后做设计的依据和参考,不论是新员工的到来还是老员工的离去,都可以很好的对接工作提升团队的协同效率。
    展开全文
  • 为了帮助有意向从事产品岗和刚入行的同学,更快上手设计规范原型图,起点学院特邀业内资深产品老司机@Phoenix老师,以原型演示讲解方式,详解Web端原型设计! 公开课时间 直播时间:11月10日(周二)20:00 60分钟,...

    近几年来,随着互联网的发展,产品经理这个岗位也随之水涨船高,遍地开花,成为了许多应届生和职场人转岗的优先考虑岗位。

    原因不外乎三点:

    一是产品经理普遍收入较可观,让不少人趋之若鹜;

    二是很多人认为产品经理入行门槛低,不像开发需要实实在在的硬技术;

    三是或多或少听到互联网圈子里的人说,产品经理是CEO的学前班。

    如此看来,产品经理确实是个十分诱人又具有挑战性的岗位。

    但大部分产品新人在兴致勃勃进入求职市场后,很容易地又陷入困惑。

    从大部分的招聘需求上来看,对产品经理的要求,无一不是要有经验,具备熟练Axure技能以及有拿得出手的作品,否则根本没有面试机会。

    那是不是这个岗位就不适合转行的人或者应届生呢?

    实际上不是的,很关键的地方在于新人并没有能拿得出手的作品,没有能实施落地的方案,而我们要做的,就是精进自己的技能,设计出规范的原型图,提高交互与产品思维能力。

    即便部分求职者掌握了Axure技能,但新人输出的原型图并不规范,很容易犯以下几个错误:

    1、画原型不规范:对于产品功能流程不熟悉,页面布局设计不合理,没有实力接手新项目;

    2、对工具掌握不熟练:对于交互设计、动效掌握得不够,很多效果做不出,达不到老板、客户提出的视觉要求;

    3、原型效率低:因为对原型工具不熟练,别人花半天时间就能搞定的原型,自己需要多花一倍的时间;

    4、忽略产品设计思考:漏场景漏页面、产品结构考虑不全,常常返工重做;交互、页面跳转逻辑不会做,依赖口述表达耗时耗力;原型注释、交互说明标注不清晰,需要多次沟通跟进;

    5、缺乏交互和产品思维:只为完成任务去画原型,缺乏思考用户需求、产品页面布局、功能逻辑、产品交互的过程,没有得到思维上的提升。

    在这种情况下,即使成功入职,也很快会迎来职业瓶颈期。

    那规范的原型图应该怎么画呢?

    为了帮助有意向从事产品岗和刚入行的同学,更快上手设计规范原型图,起点学院特邀业内资深产品老司机@Phoenix老师,以原型演示讲解方式,详解Web端原型设计!

    公开课时间

    直播时间:11月10日(周二)20:00

    60分钟,你将学到

    ①认知:Web端尺寸与规范

    ②逻辑:Web端常用元件与页面分享

    ③案例分析:有赞商城页面讲解

    授课老师

    起点学院优秀导师——Phoenix

    先后负责作业问答APP、装机必备APP、EC客户端等多款产品;发起并负责上线作业问答APP,上线1年时间覆盖人群500W,日活10W,付费用户10W,行业首创OCR智能识别问题并推送教学服务。

    如何参与

    ▼ 扫码立即免费报名 ▼

     827b44a8f8e205b83808418605c8c3ec.png

    公开课适合谁

    ①入门级及以上的产品经理

    ②有意向从事产品岗的应届生

    ③有意向往产品转岗的职场人

    报名方式

    Axure原型实战公开课

    详解Web端原型设计规范

    前200名免费听课

    还额外赠送实用元件库资料!

    扫码添加班主任微信报名

    ↓↓↓

               9b23d884b306bcb8b616304efa65cf28.png

    展开全文
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */30 WEB端运动社交应用项目设计(1) */30 本节课的目标 了解Web端运动社交项目项目需求 掌握营销型企业网站的特点 掌握Web端应用设计规范 掌握Web端应用交互设计...
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */9 运动社交类web端产品交互原型设计(3) */9 本节课目标 掌握会员注册页面的交互设计 */9 交互设计 UI/UE设计 项目实战 入门到精通 手机APP 上机操作-会员注册页面...
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */11 运动社交类web端产品交互原型设计(3) */11 本节课任务 上机操作1-验证密码 上机操作2-再次验证密码 */11 交互设计 UI/UE设计 项目实战 入门到精通 手机APP ...
  • 你看WEB端设计,不也是包含了一部分界面设计的内容啊。所以这个也算是UI设计了。 但是现在好多人认为UI设计和平面设计是一个东西,那么就错了,因为好多人去看网站的设计真的多好简单,因为有些动能看...
  • 为大家梳理一个web表格设计框架,希望能够给大家带来完整的不一样的内容。全文12,598字 ,预计阅读30分钟,建议收藏。在网页或桌面为载体的B产品和生产力工具中,越来越多的设计师需要和数据打交道,查询和处理...
  • 作者:Nick (转载已获得作者授权)一、表单的定义表单是信息添加、录入的通用形式;其作为获取用户输入的重要交互方式,也承担着将问题和答案进行配对的角色。二、表单的设计原则设计原则是任...
  • ActiveReports Web端在线报表设计器已经正式上线!看到它这么帅气、实用,你是不是也想自己动手创建一个? 现在我们就来教您,如何创建一个简单的 ActiveReports Web端在线报表设计器(文末有示例源码,请大家下载...
  • 编辑导语:我们平常在用一个软件...作为一名2B PM,之前接触过的产品以web端为主,最近接到一个任务是设计一款移动端的产品,工作过程中对web端&移动端产品的异同也有了一些些切身的体会~一、不同1. 显示:大屏...
  • 下载ActiveReport最新... 现在我们就来教您,如何创建一个简单的 ActiveReports Web端在线报表设计器(文末有示例源码,请大家下载体验)。 创建步骤 1、打开VS,然后创建一个 .Net Framework 4.6.2的ASP .NET Em...
  • 看BIM CHECK如何基于Web端&设计端在Revit和Navisworks进行跨平台BIM问题管理协同 Web端: • 建立项目 • 创建用户和项目阶段等信息 • 创建文件夹 • 设定相应权限 • 查看文件关联关系 • 产看问题与文件的...
  • 腾讯Web设计规范

    2018-09-09 15:24:25
    腾讯web设计规范讲义,服务于web端设计,对页面布局提供指导
  • 登录页是用户进入网站的入口,就像是我们进家、进公司的“门”一样。试想我们处在一个四周都是门的环境,我们会选择推开哪一扇门?这一扇门哪些地方有吸引我们推开的魅力?我们能否准确找到这扇门的把手?...
  • 产品经理之web端产品设计-全栈工程师熊盼交互设计以用户为中心的设计产品功能转化为体验体验用户产品是用的产品不是用来学的核心思想在产品开发的每一环节都把用户的需求纳入考虑妥协是存在的,但不随便妥协每个功能...
  • 1.什么是响应式 Web 设计?响应式 Web 设计让你的网页能在所有设备上有好显示。响应式 Web 设计只使用 HTML 和 CSS。响应式 Web 设计不是一个程序或Javascript脚本。2.响应式的作用:设计最好的用户体验友好的用户...
  • 1.产品功能 和用户需求 2.前端设计的可实现性 3.网页设计:1.功能型  2.形象型  3.信息型 4.风格:简约大气 正式严谨 趣味卡通 年轻活泼  ...
  • Web端网络拓扑生成系统的设计与实现,邢可,刘绍华,首先对mxGraph的功能和特点进行简要的介绍,针对可视化网络拓扑结构图的生成,提出了一种easyUI与mxGraph相结合的前端解决方案。使得使�
  • 交互设计主要做框架层以及结构层。包括交互关系,信息结构,界面布局,导航设计,信息内容。 导航关系非常重要。 这是框架层。 这是结构层。 要素就是信息内容。 转载于:...
  • 通用UI自动化测试框架设计(web端)

    千次阅读 2019-03-10 12:27:53
    写过UI自动化测试脚本的朋友,相信都会遇到过,比如前端页面元素改了,又需要去改自己写的脚本,而且只能针对某个web页面的定制化设计,换个web项目就不灵了。 我就在考虑,为什么UI自动化框架就不能通用在不同的...
  • ActiveReports是一款专注于 .NET 和 .NET Core 平台的报表控件。通过拖拽式报表设计器,可以快速地设计 Excel表格、Word文档、图表、数据过滤、数据...ActiveReports Web端在线报表设计器已经正式上线! 现在我们就.
  • 总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等;详细设计主要包括系统数据库访问的实现,主要功能模块的具体实现,模块实现关键代码等。最后对系统进行功能测试,并对测试结果...
  • 逻辑方法层 util :整个需要暴露的一些全局变量,全局方法。声明以后暴露出来,什么时候用,直接引用util中的方法就可以。 视图层:view (最基本的网页,但因为是多页面,所以在不同的系统的页面的meta,引用的.....
  • WEB 设计规范

    2019-10-01 15:35:19
    WEB端设计规范 一、网页尺寸 一般网站宽为996px;国内网站大部分还是以1000个像素为界限...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,393
精华内容 2,557
关键字:

web端设计