我是一名 PHP 程序员。最近对 go 语言有了趣味。所以我筹备从身边的一个我的项目动手，实际并学习一下 go 语言。目前已实现了我的项目性能梳理和 go 语言开发环境的搭建，有趣味的敌人能够翻看下后面的文章。明天将要开始实现前端界面。这个小我的项目次要波及三个页面：登录，明码项列表和编辑界面。上面将用线框图的形式别离介绍下这三个页面的性能。
首先是登录页面。
实践上说，这个页面是不须要账号项的，毕竟只是我本人一个人应用，间接输出主明码就能够了。但思考到会线上部署，还是把账号也加上，减少一下不怀好意者的暴力破解难度。
而后登录胜利后，会进入明码项列表页。这个页面会显示目前曾经保留的账号和明码项。并提供了查问性能和编辑入口。明码列显示星号，点击后主动复制到剪贴板。
编辑界面如下，在明码输入框的前面提供了主动生成按钮。
线框图画起来比拟快，能够让本人聚焦于性能。我画线框图的这个工具是 Draw.io，一个在线收费的绘图工具，除了画线框图还能够画流程图等，举荐各位尝试。通过线框图确定好性能和根本布局后，就能够开始做真正的基面了。Web 界面我集体比拟喜爱 Bootstrap，可能疾速的实现一个设计对立，好看的页面。以下是通过 Bootstrap 实现的界面。值得注意的是列表界面的明码星号列在做的过程中感觉显示的有点多余，所以砍掉了，间接变成了一个“复制明码”的按钮。
通过这次界面设计，我曾经实现了目前我的项目的后期筹备工作。界面设计对我来说是再一次性能梳理和做加减的过程，能让本人防止做多余的事件，聚焦在我的项目外围性能上。接下来将真正开始 go 语言的开发工作，下一步按计划要用 go 语言实现数据表的创立，欢送关注和交换，咱们下一篇见。