создание приложения "тел.справочник"
Начал совсем недавно изучать JS(по стандартной схеме - после html и css) и пришел к выводу, что было бы хорошо учиться на своем маленьком приложении. Возможно он станет полезным для людей, на работе приходится все время спрашивать друг у друга телефон того или иного человека либо отдела, и никто, естественно, номера не запоминает. Есть идея создать телефонный справочник с поиском по нему на JS, база хранится на сервере. Банально одна страничка, на ней поле с кнопкой, а ниже табличка результатов. В связке с чем организовать это все дело, может, node+mongo? В общем посоветуйте с чего начать, что читать, примеры какие... Все, что будет полезно!
|
Множество реализаций простого todo-приложения http://todomvc.com/
Цитата:
|
Цитата:
|
<html>
<head>
<title>index</title>
</head>
<body>
<input></input>
<div></div>
<script>
input=document.getElementsByTagName("input")[0]
d=document.getElementsByTagName("div")[0]
input.style.width="100%"
base=[ ' Служебный номер АТС 35 Отдел автоматизации систем управления предприятием АТС 7700 48-500',
' Дежурные водители водители 10 Транспортный цех бокс для автомобилей № 3 1876 68-501',
' Петрова Лидия Николаевна Ведущий товаровед 25 Отдел материально-технического обеспечения №3- общий кабинет товароведов 6733 83-782 7-90-06',
]
search=function(pattern){
var out=[]
var re=new RegExp(pattern, "i")
for(var i=0; i<base.length; i++){
if(base[i].match(re)) {
base[i]=base[i].replace(/((\d{4} \d{2}-\d{3})|(\d{4} \d{2}-\d{3} \d{1}-\d{2}-\d{2}))$/, "<b>$1</b>")
out.push(base[i])
}
}
return out
}
firstSearch=function(){
d.innerHTML=""
input.style.color=null
var out=search(input.value)
if(out.length<1) return secondSearch()
var str=out.join("<br><br>")
d.innerHTML=str
}
secondSearch=function(){
input.style.color="red"
d.innerHTML="Нет результатов для <b>"+input.value+"</b>"
}
onload=firstSearch
input.oninput=firstSearch
input.focus()
onkeydown=function(){input.focus()}
</script>
</body>
</html>
|
Цитата:
http=require("http")
http.Server(function(req, res){
if(req.url==="/phones"){res.write(phones); res.end()}
})
Цитата:
|
спасибо Вам
|
| Часовой пояс GMT +3, время: 18:54. |