展示 49 篇文章
每页 5 篇
通过前面的文章的操作，已经能展示数据在页面了。现在就会添加按钮、下拉框等控件，并新建记账数据并保存。
先添加一个列表组(List Group)并带上徽章(Badge)，以美化账户的界面。
将html中account-overview的部分更新为如下内容，此时会应用上bootstra......
python
django
web开发
经过前一篇的操作，已经令界面有了美化。但是由于数据是默认展示所有，于是需要修改为根据用户的选择来决定加载部分数据内容。
比如选择了大类别，会显示对应的小类别。
Ajax是与服务器进行异步交互，根据用户行为来请求对应的接口获取数据并改变页面。无需刷新整个页面。无需在打开页面时就加载。......
python
django
web开发
前面已经能够正常选择类型了，但是按照models里定义的字段来说bootstrap的自带控件还不够。为了在提交表单时能带上账单的发生日期信息，于是再加上一个DateTimePicker，最简单的可以用jquery-datetimepicker。
先在head中添加两行：
......
python
django
web开发
现在已经能记录账单并显示账单了，接下来可以自己录入一些数据，然后生成图表。
图表我们用echarts，当然用其他的比如highchart也是类似的做法。在前面的文章中已经在head中添加了echarts，我们目前需要做的就是在html中为图表定义一个区域，并在script中定义图表的属性......
python
django
web开发
账单记录的控件都添加了，也加上了异步的类型数据交互，接下来就可以提交表单将数据提交到后端保存。
在前面的文章中已经定义了数据model，我们可以根据账单的model来添加form的定义，这里可以直接用到ModelForm，会简单一些，先新建一个forms.py：
from dj......
python
django
web开发